Compare commits
28 Commits
v1.0.2
...
dependabot
Author | SHA1 | Date | |
---|---|---|---|
|
a217267f1f | ||
|
70d2471ff8 | ||
|
03bec77f44 | ||
|
82478b08bc | ||
|
acdf3f75db | ||
|
8705bd5553 | ||
|
757427a7e3 | ||
|
eabd46920c | ||
|
32638e8457 | ||
|
40a1b6b42a | ||
|
926fe783d9 | ||
|
5d5aaa687a | ||
|
ff27f3d560 | ||
|
1fc7c9843d | ||
|
4dc1f6185f | ||
|
c820ff162e | ||
|
4c51d667ac | ||
|
bd284ece76 | ||
|
5d18d124f5 | ||
|
9298aa76ad | ||
|
26fbc57029 | ||
|
edf5de1189 | ||
|
3810b6369f | ||
|
3234ce67bf | ||
|
0e00d78184 | ||
|
cbf5a73a8c | ||
|
d907505e06 | ||
|
cc48a6bc81 |
78
README.md
@@ -1,12 +1,12 @@
|
||||
<h1><img src="https://i.imgur.com/cXYo5bi.png"> Eva Icons</h1>
|
||||
<img src="https://i.imgur.com/oDmqDkE.jpg">
|
||||
|
||||
**Eva Icons** is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Additionally Eva Icons supports 4 animation types: `zoom`, `pulse`, `shake` and `flip`. Download on desktop to use them in your digital products for Web, iOS and Android. Icons are provided in two visual types: `Fill` and `Outline` and in serveral formats, including `PNG`, `SVG`, `font`, `Sketch`, etc.
|
||||
**Eva Icons** is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Additionally, Eva Icons supports 4 animation types: `zoom`, `pulse`, `shake` and `flip`. Download on desktop to use them in your digital products for Web, iOS and Android. Icons are provided in two visual types: `Fill` and `Outline` and in several formats, including `PNG`, `SVG`, `font`, `Sketch`, etc.
|
||||
|
||||
## Download
|
||||
- [Complete Eva Icons Package](https://akveo.github.io/eva-icons/eva-icons.zip)
|
||||
- [NPM Package](https://www.npmjs.com/package/eva-icons)
|
||||
- you also can download icons one by one in `PNG` and `SVG` formats from [Eva Icons Website](https://akveo.github.io/eva-icons/).
|
||||
- you also can download icons one by one in `PNG` and `SVG` formats from [Eva Icons Website](https://akveo.github.io/eva-icons/?utm_campaign=eva_icons%20-%20home%20-%20eva_icons%20github%20readme&utm_source=eva_icons&utm_medium=referral&utm_content=github_readme_download_eva_icons).
|
||||
|
||||
### CDN
|
||||
|
||||
@@ -67,6 +67,16 @@ import * as eva from 'eva-icons';
|
||||
```
|
||||
*Thanks to Feather Icons for the build process inspiration.*
|
||||
|
||||
- Additional attributes:
|
||||
* `data-eva-fill`: set icon color
|
||||
* `data-eva-height`: set icon height
|
||||
* `data-eva-width`: set icon width
|
||||
* `data-eva-animation`: [set icon animation](#animation)
|
||||
|
||||
```html
|
||||
<i data-eva="github" data-eva-fill="#ff0000" data-eva-height="48" data-eva-width="48"></i>
|
||||
```
|
||||
|
||||
### Fonts
|
||||
|
||||
Eva Icons are also available as a Web Font.
|
||||
@@ -86,15 +96,71 @@ We recommend using SVG icons due to better rendering and performance capabilitie
|
||||
|
||||
## Documentation
|
||||
|
||||
### `eva.replace({ ... })`
|
||||
### `eva.replace(options)`
|
||||
|
||||
Replaces all elements that have a `data-eva` attribute with SVG markup.
|
||||
|
||||
`options` optional object.
|
||||
|
||||
#### Available 'option' properties:
|
||||
| Name | Type | Default value | Description |
|
||||
|------| ------ | ------------- |-------------|
|
||||
| fill | string | none | Icon color |
|
||||
| width | string or number | 24px | Icon width |
|
||||
| height | string or number | 24px | Icon height |
|
||||
| class | string | none | Custom css class |
|
||||
| animation | object | none | [Icon animation](#animation) |
|
||||
|
||||
### Animation
|
||||
- Add the `data-eva-animation` attribute with the animation type `(zoom, pulse, shake and flip)` to an element:
|
||||
|
||||
```html
|
||||
<i data-eva="github" data-eva-animation="zoom"></i>
|
||||
```
|
||||
|
||||
- Additional animation attributes:
|
||||
* `data-eva-hover`: Makes the animation available on hover. Default value is `true`. Available true or false.
|
||||
* `data-eva-infinite`: Makes the animation infinite. Default value is `false`. Available true or false.
|
||||
|
||||
```html
|
||||
<i data-eva="github" data-eva-animation="zoom" data-eva-hover="false" data-eva-infinite="true"></i>
|
||||
```
|
||||
|
||||
> **Note:** In the above example `github icon` will be always animated. This type of animation will be applied only to current icons.
|
||||
|
||||
- Pass animation as property in a `eva.replace` method.
|
||||
|
||||
```js
|
||||
eva.replace({
|
||||
animation: {
|
||||
type: string, // zoom, pulse, shake, flip
|
||||
hover: boolean, // default true
|
||||
infinite: boolean, // default false
|
||||
}
|
||||
});
|
||||
```
|
||||
> **Note:** The animation will be applied to all replaced elements.
|
||||
|
||||
- Add `eva-parent-hover` class to the parent container in a case you want to activate the animation hovering on the parent element.
|
||||
|
||||
```html
|
||||
<div class="eva-parent-hover">
|
||||
<i data-eva="github" data-eva-animation="zoom"></i>
|
||||
Zoom animation
|
||||
</div>
|
||||
```
|
||||
|
||||
## 3rd party implementations
|
||||
|
||||
- [React Native](https://github.com/artyorsh/react-native-eva-icons)
|
||||
- [Flutter](https://github.com/piyushmaurya23/eva_icons_flutter)
|
||||
|
||||
Replaces all elements that have a `data-eva` attribute with SVG markup corresponding to the element's `data-eva` attribute value.
|
||||
## License
|
||||
[MIT](LICENSE.txt) license.
|
||||
|
||||
## More from Akveo
|
||||
|
||||
- [Nebular](https://github.com/akveo/nebular) - Angular Component, Auth and Security
|
||||
- [Nebular](https://github.com/akveo/nebular) - Angular Components, Auth and Security
|
||||
- [ngx-admin](https://github.com/akveo/ngx-admin) - the best Angular admin template
|
||||
|
||||
## How can I support the developers?
|
||||
@@ -104,5 +170,5 @@ Replaces all elements that have a `data-eva` attribute with SVG markup correspon
|
||||
- Like our page on [Facebook](https://www.facebook.com/akveo/) :thumbsup:
|
||||
|
||||
## From Developers
|
||||
Made with :heart: by [Akveo team](http://akveo.com?utm_source=github&utm_medium=nebular_readme). Follow us on [Twitter](https://twitter.com/akveo_inc) to get the latest news first!
|
||||
Made with :heart: by [Akveo team](https://www.akveo.com?utm_campaign=services%20-%20homepage%20-%20eva_icons%20github%20readme&utm_source=eva_icons&utm_medium=referral&utm_content=readme_made_with_heart). Follow us on [Twitter](https://twitter.com/akveo_inc) to get the latest news first!
|
||||
We're always happy to receive your feedback!
|
||||
|
9557
package-lock.json
generated
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "eva-icons-landing",
|
||||
"version": "1.0.2",
|
||||
"version": "1.1.3",
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
@@ -22,7 +22,7 @@
|
||||
"build:icons": "node ./scripts/index.js",
|
||||
"icons:prepare": "npm run build:icons && webpack",
|
||||
"publish": "npm publish --access=public package-build",
|
||||
"gh-pages": "npm run build:prod && npm run ngh -- --dir ./dist"
|
||||
"gh-pages": "npm run build:prod && npm run ngh -- --dir ./dist --no-silent"
|
||||
},
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
@@ -43,7 +43,7 @@
|
||||
"zone.js": "~0.8.26"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "~0.7.0",
|
||||
"@angular-devkit/build-angular": "~15.0.0",
|
||||
"@angular/cdk": "^6.4.7",
|
||||
"@angular/cli": "~6.1.4",
|
||||
"@angular/compiler-cli": "^6.1.0",
|
||||
@@ -65,8 +65,10 @@
|
||||
"cross-env": "^5.2.0",
|
||||
"css-loader": "^1.0.0",
|
||||
"fs-extra": "^7.0.0",
|
||||
"globby": "^8.0.1",
|
||||
"gm": "^1.23.1",
|
||||
"html-minifier": "^3.5.20",
|
||||
"isomorphic-style-loader": "^5.1.0",
|
||||
"jasmine-core": "~2.99.1",
|
||||
"jasmine-spec-reporter": "~4.2.1",
|
||||
"karma": "~1.7.1",
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 846 B |
Before Width: | Height: | Size: 886 B |
Before Width: | Height: | Size: 875 B |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 877 B |
Before Width: | Height: | Size: 979 B |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 940 B |
Before Width: | Height: | Size: 975 B |
Before Width: | Height: | Size: 922 B |
Before Width: | Height: | Size: 913 B |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1004 B |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 934 B |
Before Width: | Height: | Size: 902 B |
Before Width: | Height: | Size: 939 B |
Before Width: | Height: | Size: 920 B |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.9 KiB |