Solar Icons
for Modern Frameworks

1,246 unique icons in six styles, packaged for modern web and mobile frameworks.

Built for Teams

A complete icon set with six visual styles, native frontend framework packages, autocomplete typings, and AI-ready documentation.

Explore and Search

Search

Filter 1,200+ icons by category, search by keywords, adjust stroke weights, and copy code snippets for React, Svelte, or Vue.

Solar Icons Explorer Light Mode

Native Framework Packages

Packages

Integrate icons directly into React, React Native, Vue, Nuxt, Svelte, SolidJS, or Angular projects without wrappers.

Six Visual Styles

Swap weights and styles on the fly. Each icon includes Linear, Bold, Outline, BoldDuotone, LineDuotone, and Broken variants.

AI-Ready Documentation

Docs

Includes llms.txt and llms-full.txt context files for AI agents. Copy any page as Markdown to load documentation into Claude, ChatGPT, or Cursor.

Type-Safe Autocomplete

Get autocomplete suggestions for icon weights and parameters in VS Code or Cursor. Features inline JSDoc typings and syntax-highlighted previews.

App.tsx
TypeScript
1
2
3
4
5
import { Star } from "@solar-icons/react/ssr"
const App = () => (
<Star size={24}
weight=""
"BoldDuotone"
"Bold"
"Broken"
"LineDuotone"
"Linear"
-- NORMAL --main*
Ln 5, Col 18UTF-8

Available Packages

Install native icon packages built specifically for your framework.

React

Standard React package. Supports global provider context and Server Components.

React Perf

React performance package. Optimized for minimal bundle size.

React Native

React Native and Expo SVG components.

Vue

Vue 3 package. Supports global configuration and dynamic weights.

Nuxt

Nuxt 3 module with auto-import and configuration support.

Svelte

Svelte 5 components using runes.

Solid

Lightweight SolidJS components.

Angular

Angular 17+ standalone components using Signals.

Qwik
not-started

Built for developers. Maintained with care.

Clean packages, improved search, and developer-friendly tools to make Solar Icons easier to use in your projects. If you find it useful, a GitHub star helps the project grow.

Weekly Downloads0
Total Icons0
Total Packages0