{"id":13452572,"url":"https://github.com/akveo/eva-icons","last_synced_at":"2025-05-13T16:07:21.049Z","repository":{"id":38361959,"uuid":"155437620","full_name":"akveo/eva-icons","owner":"akveo","description":"A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.","archived":false,"fork":false,"pushed_at":"2023-03-04T01:54:54.000Z","size":53019,"stargazers_count":8638,"open_issues_count":57,"forks_count":363,"subscribers_count":113,"default_branch":"master","last_synced_at":"2025-04-14T22:02:16.257Z","etag":null,"topics":["icon","icon-font","icon-pack","icons"],"latest_commit_sha":null,"homepage":"https://akveo.github.io/eva-icons/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akveo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-10-30T18:36:44.000Z","updated_at":"2025-04-10T10:17:29.000Z","dependencies_parsed_at":"2023-10-20T16:30:03.196Z","dependency_job_id":null,"html_url":"https://github.com/akveo/eva-icons","commit_stats":{"total_commits":56,"total_committers":10,"mean_commits":5.6,"dds":0.5357142857142857,"last_synced_commit":"70d2471ff88ab1385d3310b93a406243377b53d5"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akveo%2Feva-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akveo%2Feva-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akveo%2Feva-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akveo%2Feva-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akveo","download_url":"https://codeload.github.com/akveo/eva-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250513380,"owners_count":21443200,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["icon","icon-font","icon-pack","icons"],"created_at":"2024-07-31T07:01:27.843Z","updated_at":"2025-04-23T20:46:13.355Z","avatar_url":"https://github.com/akveo.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Uncategorized","SVG Icons","Markup Languages","IconSet Included","工具集","📦 Legacy \u0026 Inactive Projects","General"],"sub_categories":["Uncategorized","CSS","集合整理"],"readme":"\u003ch1\u003e\u003cimg src=\"https://i.imgur.com/cXYo5bi.png\"\u003e Eva Icons\u003c/h1\u003e\n\u003cimg src=\"https://i.imgur.com/oDmqDkE.jpg\"\u003e\n\n**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.\n\n## Download\n- [Complete Eva Icons Package](https://akveo.github.io/eva-icons/eva-icons.zip)\n- [NPM Package](https://www.npmjs.com/package/eva-icons)\n- 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\u0026utm_source=eva_icons\u0026utm_medium=referral\u0026utm_content=github_readme_download_eva_icons).\n\n### CDN\n\nLoad from CDN in your project:\n```html\n\u003cscript src=\"https://unpkg.com/eva-icons\"\u003e\u003c/script\u003e\n```\nAfter including the script, `eva` will be available as a global variable.\n\n### NPM\n\n- Install the package:\n```\nnpm i eva-icons\n``` \n\n- Include it to your page:\n```html\n\u003cscript src=\"path/to/dist/eva-icons.js\"\u003e\u003c/script\u003e\n```\n\n- Or require the package (may vary depending on your build system):\n\n```js\nconst eva = require('eva-icons');\n```\n\n```js\nimport * as eva from 'eva-icons';\n```\n\n## How to use\n\n### JavaScript\n\n- Add the `data-eva` attribute with the icon name to an element:\n\n```html\n\u003ci data-eva=\"github\"\u003e\u003c/i\u003e\n```\n\n- Call `eva.replace();` to replace all elements with the `data-eva` data attribute with SVG elements. You can also pass some additional parameters to the `replace` method to modify the `replace` function behavior. \n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003ctitle\u003e\u003c/title\u003e\n  \u003cscript src=\"https://unpkg.com/eva-icons\"\u003e\u003c/script\u003e\n  \u003cbody\u003e\n  \n    \u003ci data-eva=\"github\"\u003e\u003c/i\u003e\n\n    \u003cscript\u003e\n      eva.replace()\n    \u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n*Thanks to Feather Icons for the build process inspiration.*\n\n- Additional attributes: \n  * `data-eva-fill`: set icon color\n  * `data-eva-height`: set icon height\n  * `data-eva-width`: set icon width\n  * `data-eva-animation`: [set icon animation](#animation)\n  \n```html\n\u003ci data-eva=\"github\" data-eva-fill=\"#ff0000\" data-eva-height=\"48\" data-eva-width=\"48\"\u003e\u003c/i\u003e\n```\n\n### Fonts\n\nEva Icons are also available as a Web Font.\n\n- Include the font css into your page:\n\n```html\n\u003clink href=\"path/to/style/eva-icons.css\"\u003e\n```\n- Add `eva` and `eva-icon` classes to an element:\n\n```html\n\u003ci class=\"eva eva-github\"\u003e\u003c/i\u003e\n```\n\nWe recommend using SVG icons due to better rendering and performance capabilities, [more details](https://css-tricks.com/icon-fonts-vs-svg/).\n\n## Documentation\n\n### `eva.replace(options)`\n\nReplaces all elements that have a `data-eva` attribute with SVG markup.\n\n`options` optional object.\n\n#### Available 'option' properties:\n| Name |  Type   |  Default value | Description |\n|------| ------  | -------------  |-------------|\n| fill | string | none           | Icon color  |\n| width | string or number | 24px    | Icon width  |\n| height | string or number | 24px    | Icon height  |\n| class | string | none | Custom css class  |\n| animation | object | none    | [Icon animation](#animation)  |\n\n### Animation \n- Add the `data-eva-animation` attribute with the animation type `(zoom, pulse, shake and flip)` to an element:\n\n```html\n\u003ci data-eva=\"github\" data-eva-animation=\"zoom\"\u003e\u003c/i\u003e\n```\n\n- Additional animation attributes:\n  * `data-eva-hover`: Makes the animation available on hover. Default value is `true`. Available true or false.\n  * `data-eva-infinite`: Makes the animation infinite. Default value is `false`. Available true or false.\n\n```html\n\u003ci data-eva=\"github\" data-eva-animation=\"zoom\" data-eva-hover=\"false\" data-eva-infinite=\"true\"\u003e\u003c/i\u003e\n```\n\n\u003e **Note:** In the above example `github icon` will be always animated. This type of animation will be applied only to current icons.\n\n- Pass animation as property in a `eva.replace` method.\n\n```js\neva.replace({\n  animation: {\n    type: string, // zoom, pulse, shake, flip\n    hover: boolean, // default true\n    infinite: boolean, // default false\n  }\n});\n```\n\u003e **Note:** The animation will be applied to all replaced elements.\n\n- Add `eva-parent-hover` class to the parent container in a case you want to activate the animation hovering on the parent element.\n\n```html\n\u003cdiv class=\"eva-parent-hover\"\u003e\n  \u003ci data-eva=\"github\" data-eva-animation=\"zoom\"\u003e\u003c/i\u003e\n  Zoom animation\n\u003c/div\u003e\n```\n\n## 3rd party implementations\n\n- [React Native](https://github.com/artyorsh/react-native-eva-icons)\n- [Flutter](https://github.com/piyushmaurya23/eva_icons_flutter)\n\n## License\n[MIT](LICENSE.txt) license.\n\n## More from Akveo\n\n- [Nebular](https://github.com/akveo/nebular) - Angular Components, Auth and Security\n- [ngx-admin](https://github.com/akveo/ngx-admin) - the best Angular admin template\n\n## How can I support the developers?\n- Star our GitHub repo :star:\n- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:\n- Follow us on [Twitter](https://twitter.com/akveo_inc) :feet:\n- Like our page on [Facebook](https://www.facebook.com/akveo/) :thumbsup:\n\n## From Developers\nMade with :heart: by [Akveo team](https://www.akveo.com?utm_campaign=services%20-%20homepage%20-%20eva_icons%20github%20readme\u0026utm_source=eva_icons\u0026utm_medium=referral\u0026utm_content=readme_made_with_heart). Follow us on [Twitter](https://twitter.com/akveo_inc) to get the latest news first!\nWe're always happy to receive your feedback!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakveo%2Feva-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakveo%2Feva-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakveo%2Feva-icons/lists"}