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.
- Complete Eva Icons Package
- NPM Package
- you also can download icons one by one in
PNGandSVGformats from Eva Icons Website.
Load from CDN in your project:
<script src="https://unpkg.com/eva-icons"></script>After including the script, eva will be available as a global variable.
- Install the package:
npm i eva-icons
- Include it to your page:
<script src="path/to/dist/eva-icons.js"></script>- Or require the package (may vary depending on your build system):
const eva = require('eva-icons');import * as eva from 'eva-icons';- Add the
data-evaattribute with the icon name to an element:
<i data-eva="github"></i>- Call
eva.replace();to replace all elements with thedata-evadata attribute with SVG elements. You can also pass some additional parameters to thereplacemethod to modify thereplacefunction behavior.
<!DOCTYPE html>
<html lang="en">
<title></title>
<script src="https://unpkg.com/eva-icons"></script>
<body>
<i data-eva="github"></i>
<script>
eva.replace()
</script>
</body>
</html>Thanks to Feather Icons for the build process inspiration.
Eva Icons are also available as a Web Font.
- Include the font css into your page:
<link href="path/to/style/eva-icons.css">- Add
evaandeva-iconclasses to an element:
<i class="eva eva-github"></i>We recommend using SVG icons due to better rendering and performance capabilities, more details.
Replaces all elements that have a data-eva attribute with SVG markup corresponding to the element's data-eva attribute value.
MIT license.
- Star our GitHub repo ⭐
- Create pull requests, submit bugs, suggest new features or documentation updates 🔧
- Follow us on Twitter 🐾
- Like our page on Facebook 👍
Made with ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!