Question 1

What is heroicons-animated?

Accepted Answer

heroicons-animated is a free, open-source library of beautifully crafted animated Vue icons built with Motion for Vue and based on Heroicons.

Question 2

How do I install heroicons-animated icons?

Accepted Answer

You can install icons using shadcn-vue with any package manager: "npx shadcn-vue@latest add @heroicons-animated/vue/{icon-name}", "pnpm dlx shadcn-vue@latest add @heroicons-animated/vue/{icon-name}", "yarn dlx shadcn-vue@latest add @heroicons-animated/vue/{icon-name}", or "bunx shadcn-vue@latest add @heroicons-animated/vue/{icon-name}". Replace {icon-name} with your desired icon in kebab-case.

Question 3

Is heroicons-animated free to use?

Accepted Answer

Yes. heroicons-animated is completely free and open-source under the MIT license for personal and commercial projects.

Question 4

What technologies are used in heroicons-animated?

Accepted Answer

heroicons-animated icons are Vue components written in TypeScript. Animations are powered by Motion for Vue, and the icons are based on Heroicons.

Gif

Keywords