jis3r/icons
is beautifully crafted, moving icons. for svelte. ๐งกDemo โ https://movingicons.dev
npm i @jis3r/icons
You can add icons to your project using the shadcn registry. Ensure shadcn-svelte is installed. To add an icon, simply copy the command from the website and run it in your terminal. Icons will be added to your project in the src/lib/components/movingicons
directory.
npx shadcn-svelte@latest add https://movingicons.dev/r/[icon-name]
You can download or copy icon components directly from https://movingicons.dev and paste them into your Svelte project.
Import icons as named Svelte components:
<script>
import { Activity, Star } from '@jis3r/icons';
</script>
<Activity size={32} color="orange" strokeWidth={2.5} />
<Star size={32} color="blue" />
size
(number, default: 24)color
(string, default: 'currentColor')strokeWidth
(number, default: 2)class
(string, optional)We welcome contributions to jis3r/icons
! Please read the contribution guidelines carefully before submitting improvements and new icons:
Feel free to use these components in personal and commercial projects. However, while the tutorials and demos are available for your use as-is, they cannot be redistributed or resold. Let's keep things fair and respect each other's work.
If you have any questions or just want to say hi, feel free to reach out to me ๐ @jis3r.
This project is a work in progress, and i'm continuously working to improve and expand this collection. I'd love to hear your feedback or see your contributions as the project evolves!
Thank you to the awesome Dmytro ๐ for the idea and inspiration to animated lucide-icons! I loved his project so much that I wanted to make it available for the Svelte ecosystem, so here we go! :)