1,200+ unique icons. 6 styles each. Multiple frameworks. One flexible library.
Solar Icons is a modern, multi-style icon set built for the web and mobile era β designed to be modular, adaptable, and a joy to use.
Whether you want rich theming with global providers or the lightest possible bundle, Solar Icons fits right in.
π Explore the icons & docs: solar-icons.vercel.app
- Massive Collection β 1,246 icons Γ 6 styles = 7,476 variations
- Consistent Multi-Style Design β Bold, Linear, Outline, BoldDuotone, LineDuotone, Broken
- Multi-Framework Support β React, Vue, Nuxt (more coming soon)
- DX Features β IntelliSense previews, JSDoc hints, category imports, global config
- Smart Search β AI-generated tags for better discoverability
- Performance Options β Choose between full-featured and lightweight builds
| Package | Description |
|---|---|
@solar-icons/react |
Full React integration with global provider, hooks, and live theming |
@solar-icons/react-perf |
Lightweight React build, tree-shakeable, no runtime provider |
@solar-icons/vue |
Vue adaptation of the React package with the same rich features |
@solar-icons/nuxt |
Nuxt-optimized wrapper with auto-import, nuxi install, global config |
# Example: React
npm install @solar-icons/reactFor Nuxt users:
nuxi module add @solar-icons/nuxt- Browse all icons by category
- Search with AI-powered keywords
- Preview in different sizes, colors, and styles
- Copy ready-to-use code snippets for your framework
- Download icons as SVG instantly
π Try it here: solar-icons.vercel.app/icons
- Code: MIT
- Icons: CC BY 4.0 by 480 Design (commercial use allowed with attribution)
- 480 Design β Original Solar icon set
- Phosphor Icons & Lucide Icons β Inspiration for structure & tooling