--- title: 1,170+ Free Animated Icons, Now for React, Vue, Angular,... description: AnimateIcons is an open-source collection of over 1,170 free animated icons that now supports React, Vue, Angular, vanilla JavaScript, Svelte, Solid, and... canonical: https://daily.dev/posts/1-170-free-animated-icons-now-for-react-vue-angular-and-more-tvwqeiqde twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: 1,170+ Free Animated Icons, Now for React, Vue, Angular, and More | daily.dev og:description: AnimateIcons is an open-source collection of over 1,170 free animated icons that now supports React, Vue, Angular, vanilla JavaScript, Svelte, Solid, and... og:url: https://daily.dev/posts/1-170-free-animated-icons-now-for-react-vue-angular-and-more-tvwqeiqde og:image: https://api.daily.dev/og/posts/TVwQEiQde.png og:image:alt: 1,170+ Free Animated Icons, Now for React, Vue, Angular, and More og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # 1,170+ Free Animated Icons, Now for React, Vue, Angular, and More **[Avijit Dey](https://daily.dev/sources/ullwwn37zsilljprgbshi)** · [@avijit07x](https://daily.dev/avijit07x) · 1 min read · 24 upvotes · 3 comments ## Summary AnimateIcons is an open-source collection of over 1,170 free animated icons that now supports React, Vue, Angular, vanilla JavaScript, Svelte, Solid, and Astro, letting developers add motion to interfaces without building custom animations. The project and its source are available on GitHub. ## Content 1,170+ free, open-source animated icons, now available beyond React. AnimateIcons brings the same collection of animated icons to React, Vue, Angular, and vanilla JavaScript, with support for Svelte, Solid, and Astro. Add motion and polish to your interfaces without creating animations from scratch. Choose your framework and use the same icons across your frontend stack. Browse the collection: [https://animateicons.in](https://animateicons.in) Open source: [https://github.com/Avijit07x/animateicons](https://github.com/Avijit07x/animateicons) ## Community discussion Top comments from developers on daily.dev. **@andrei0x309** · 1 upvotes > Had a look at the site, library seems very easy to use I didn't see the animations because I have reduced motion enabled and it seems it respects that setting, I am wondering if that applies to projects that will also use the library. --- Tags: [#open-source](https://daily.dev/tags/open-source), [#react](https://daily.dev/tags/react), [#vuejs](https://daily.dev/tags/vuejs) [View this post on daily.dev](https://daily.dev/posts/1-170-free-animated-icons-now-for-react-vue-angular-and-more-tvwqeiqde) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/1-170-free-animated-icons-now-for-react-vue-angular-and-more-tvwqeiqde","headline":"1,170+ Free Animated Icons, Now for React, Vue, Angular, and More","text":"AnimateIcons is an open-source collection of over 1,170 free animated icons that now supports React, Vue, Angular, vanilla JavaScript, Svelte, Solid, and Astro, letting developers add motion to interfaces without building custom animations. The project and its source are available on GitHub.","url":"https://daily.dev/posts/1-170-free-animated-icons-now-for-react-vue-angular-and-more-tvwqeiqde","datePublished":"2026-10-17T08:42:41.180Z","dateModified":"2026-10-17T08:42:57.097Z","author":{"@type":"Person","name":"Avijit Dey","url":"https://daily.dev/avijit07x","image":"https://media.daily.dev/image/upload/s--zvM20pRl--/f_auto/v1769233995/avatars/avatar_uLLwwN37zSiLLjpRGbshI?_a=BAMAMiiu0","description":"Frontend Engineer | Next.js | React.js | Redux | Tailwind CSS","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":4160}},"image":"https://media.daily.dev/image/upload/s--5YBRWE4k--/f_auto,pg_1/v1792226561/posts/TVwQEiQde?_a=BAMAMicg0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":24},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"comment":[{"@type":"Comment","text":"Had a look at the site, library seems very easy to use I didn’t see the animations because I have reduced motion enabled and it seems it respects that setting, I am wondering if that applies to projects that will also use the library.","datePublished":"2026-10-17T14:51:05.728Z","url":"https://daily.dev/posts/TVwQEiQde#c-ohy0MXKOa","author":{"@type":"Person","name":"Andrei O.","url":"https://daily.dev/andrei0x309","image":"https://media.daily.dev/image/upload/f_auto/v1632806353/avatars/1RDGCrVO9"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/sources/ullwwn37zsilljprgbshi","name":"Avijit Dey"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Avijit Dey","item":"https://daily.dev/sources/ullwwn37zsilljprgbshi"},{"@type":"ListItem","position":3,"name":"1,170+ Free Animated Icons, Now for React, Vue, Angular, and More"}]} ```