AnimateIcons alternatives
18 sites that do what AnimateIcons does, side by side. All hand-picked Icons kits.
Comparing againstAnimateIcons
1,170 open-source animated icons in Lucide and Hugeicons styles, triggered on hover.
Open page →| Site | Get code | Price | Saves |
|---|---|---|---|
| AnimateIconsThis one | npm | Free | |
 Its HoverReact, Motion | Registry | Free | |
 Lucide AnimatedReact, Motion | Registry | Free | |
 Tabler IconsReact, Vue, Svelte, SVG | npm | Free | |
 HeroiconsReact, Vue, SVG | npm | Free | |
 IconoirReact, Vue, SVG, Figma | npm | Free | |
 ReiconReact, Vue, Angular, SVG | npm | Free | |
 Remix IconIcon Font, SVG, React | npm | Free | |
 Lobe IconsReact, React Native, SVG | npm | Free | |
 Heroicons AnimatedReact, Vue, Svelte, Solid | npm | Free | |
 PixelarticonsSVG, React, Figma | npm | Free | |
 MorphiconsReact, Vue, Svelte | npm | Free | |
 LucideReact, Vue, Svelte, SVG | npm | Free | |
 Phosphor IconsReact, Vue, SVG, Figma | npm | Free | |
 Central IconsReact, Figma, SVG | npm | Has paid plans | |
 NucleoSVG, React, Figma | Paid | Has paid plans | |
 MeteoconsSVG, Lottie | npm | Free | |
 3diconsPNG, Blender, Figma | Copy | Free | |
 Doodle IconsSVG, PNG, Figma | Copy | Free |
About Icons libraries
Icon sets differ mostly in stroke weight, corner style and how many icons they cover. Pick the one whose line weight matches your font, and stick to a single set across the product.
Good for
- Navigation and toolbars
- Matching icon weight to your type
- Empty states
