What it does
Eva Icons is an MIT-licensed icon pack from Akveo. It offers filled and outline artwork in formats including SVG, PNG and a web font, with JavaScript replacement and animation options.
Eva Icons combines a static icon collection with four motion effects: zoom, pulse, shake and flip. Download the complete package or individual SVG/PNG files, or install eva-icons from npm.
For JavaScript use, put an icon’s name in an element’s data-eva attribute and call eva.replace() after loading the library. That replaces the marked elements with SVGs. Per-icon attributes control fill color, width and height; the default size is 24 pixels.
An animation set through data-eva-animation applies to that icon. Hover and infinite-repeat attributes control its trigger and repetition. Passing animation options to eva.replace() instead applies them to every replaced icon. The eva-parent-hover class can trigger motion when the pointer enters the containing element.
The web-font route is also available, although Akveo recommends SVG. React Native and Flutter ports are listed as third-party implementations. The MIT licence allows free commercial use with its required notices.
Strengths
- Filled and outline versions are available as direct assets.
- Per-icon animation controls include hover and repeat settings.
Watch out for
- Global replacement animation settings affect all replaced icons.
Best for
- Application controls with optional feedback motion.
- Teams using Akveo interface resources.
Sources
- Eva Icons (Oct 27, 2026)
- Eva Icons MIT License (Oct 27, 2026)