https://github.com/garrettmac/vyga-icon-pack
Font Awesome, Ionic, Kameleon, Minicons, Nasty & Nova Icons all bundled into one!
https://github.com/garrettmac/vyga-icon-pack
Last synced: 6 months ago
JSON representation
Font Awesome, Ionic, Kameleon, Minicons, Nasty & Nova Icons all bundled into one!
- Host: GitHub
- URL: https://github.com/garrettmac/vyga-icon-pack
- Owner: garrettmac
- Created: 2016-11-22T15:18:00.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-11-22T17:02:08.000Z (over 9 years ago)
- Last Synced: 2025-07-13T01:35:09.501Z (about 1 year ago)
- Language: HTML
- Size: 51 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vyga-icon-pack
### How to add to project (TODO)
## Animate.css
basic example
```bash
Example
```
View [Demo Page](https://daneden.github.io/animate.css/)
View [Official Repo](https://github.com/daneden/animate.css/)
Great Blog Post by [gonehybrid](http://gonehybrid.com/how-to-animate-your-ionic-app-with-animate-css-and-nganimate/)
## Font Awesome & Font Awesome Animation
### Font Awesome
**How to use?**
```bash
```
[Icon List](http://fontawesome.io/icons/)
View [Official Repo](https://github.com/l-lin/font-awesome-animation/)
### Font Awesome Animation
Add the desired CSS class to the icon (or any element of your DOM).
For parent hover, add the CSS class faa-parent and animated-hover on the parent.
You can regulate the speed of the animation by adding the CSS class faa-fast or faa-slow.
**How to use?**
```bash
```
View [Demo Page](https://github.com/l-lin/font-awesome-animation/)
View [Unofficial Official Repo](https://github.com/daneden/animate.css/)
**Wanna Change the Icon size?**
```bash
```
```bash
#superIcon .icon {
font-size: 50px;
}
```
[Example Page](http://l-lin.github.io/font-awesome-animation/) for full list.
View [Official Ionicons Repo](https://github.com/driftyco/ionicons)
## Ionic Icons
Using version 2.0.1
**How to use Icons?**
```bash
```
**Wanna Change the Icon size?**
```bash
```
```bash
#superIcon .icon {
font-size: 50px;
}
```
### Material Design Icons
**NOT INCLUDED**
You should use from the source
``
**How to use?**
```bash
attach_money
attach_money
face
```
***Adding Color***
```bash
face
```
**Css**
```bash
.material-icons.orange600 { color: #FB8C00; }
```
Checkout [material.io](https://material.io/icons/) for full list.
or [google.github.io/material-design-icons](https://google.github.io/material-design-icons/) on how tou use.
### Kameleon Icons (120 Pack)
[Kameleon Official Website](http://www.kameleon.pics/)
**KAMELEON SVG ICONS** with transparent backgrounds
```bash
Boss
```
**KAMELEON SVG ICONS** with round backgrounds
```bash
Apartment
```
### Nova Icons (4,000 Pack)
The only icons pack that include all icons in solid + line style, for designing applications and websites.
The Nova icons follow the Google Material Design Guidelines,
to ensure consistency, readability and clarity even at small sizes.
[Nova Icon Website](http://www.webalys.com/nova/)
### MiniIcons (15000 Pack)
[More Info](http://www.webalys.com/minicons/).
### Nasty Icons (45 Pack)
[Full List](https://icons8.com/web-app/for/all/nasty).
[Official Website](http://nastyicons.com/) for full list.
### Streamline Free Pack (100 Pack)
This Provides a variations that you will get with the Full Pack: .AI, .SKETCH, .EPS, .PDF, .PNG, .SVG, Iconjar archive.
Check out
[Streamline Icons Website](http://www.streamlineicons.com/free-icons.html) for more info.