jis3r/icons is beautifully crafted, moving icons. for svelte. 🧡

Demo → https://movingicons.dev

Installation

npm install @jis3r/icons

Usage

Import icons as named Svelte components:

<script>
    import { Sun, Moon } from '@jis3r/icons';
</script>

<Sun size={32} color="orange" />
<Moon size={32} color="blue" />

• All icons are available as named exports in PascalCase.
• Compatible with SvelteKit and Svelte projects.

Props

• size (number, default: 24)
• color (string, default: 'currentColor')
• strokeWidth (number, default: 2)
• class (string, optional)

Contributing

We welcome contributions to jis3r/icons! Please read the contribution guidelines carefully before submitting improvements and new icons:

Terms of Use

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.

Notes

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!

Credits

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! :)