We are building the most comprehensive, customizable, and developer-friendly open-source icon ecosystem for the modern Vue & Nuxt community.
Every icon is crafted on a 24px grid with pixel-perfect precision, ensuring crystal clear rendering on all devices.
Control stroke widths, colors, sizes, and even toggle animations instantly via props to match your brand identity.
Native Vue 3 & Nuxt 3 support with TypeScript definitions, tree-shaking, and zero-config implementation.
The web has evolved, but icon libraries have largely remained stagnant. For years, developers relied on bloated icon fonts that caused layout shifts, rendering issues, and slow load times. We asked ourselves: "Why isn't there a library designed specifically for the reactive era of Vue and Nuxt?"
That question gave birth to Flux Icons.
Flux Icons isn't just a collection of SVGs; it's a design system. We noticed that designers love the flexibility of tools like Figma, while developers need the performance of clean code. Flux Icons bridges this gap by providing:
We believe that essential building blocks of the web should be accessible to everyone. Whether you are a student building your first portfolio, a freelancer working on a deadline, or a startup launching an MVP, you shouldn't have to worry about expensive licensing fees for basic UI elements.
Flux Icons is licensed under the MIT License, meaning you can use it freely in personal and commercial projects. We rely on the community to help us grow, spot bugs, and suggest new icons.
Performance is our core value. Unlike traditional libraries that force you to download megabytes of data, Flux Icons utilizes modern Tree-Shaking techniques. When you import <FluxIcon name="home" />, your final bundle includes code only for the home icon. This results in lightning-fast websites and happy users.
Ready to build something amazing?