Icons
7,410Icons
CC BYLicense
SixStyle
24×24Grid

Solar Icons

7,410 CC BY 4.0-licensed six styles icons on a 24×24 grid. The Bold Duotone style in particular has become a signature look in modern dashboard design — a heavy primary form with a lighter secondary pass that adds depth without full colour.

Browse Solar icons by category Compare libraries

About Solar Icons

What Solar is

Solar is a premium-feeling icon pack of 7,410 icons from 480 Design, and it is one of the most widely used sets in SaaS and mobile product design. Every icon comes in six styles: Linear, Outline, Bold, Duotone, Broken, and Bold Duotone.

The Bold Duotone style in particular has become a signature look in modern dashboard design — a heavy primary form with a lighter secondary pass that adds depth without full colour. Broken, which deliberately gaps the stroke, is useful for a distinctive, slightly technical feel.

IconStash indexes the complete Solar Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.

Install and use Solar

React

npm install solar-icon-set

The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Solar icon on IconStash and the Code tab shows that icon's exact import statement and JSX.

Plain SVG and other frameworks

You do not have to install anything. Every Solar page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.

IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.

When to choose Solar

Good fit

SaaS dashboards, admin templates, and marketing sites that want a premium, contemporary look rather than a neutral system feel. Duotone styles work especially well in empty states and feature cards.

Consider alternatives

Solar is CC BY 4.0, so it requires attribution — if that is a problem, Phosphor (MIT) offers a comparable six-weight range and Huge Icons (MIT) offers six styles of its own.

Licensing

CC BY 4.0. Free for commercial use, but attribution to 480 Design is required. If you cannot provide credit, use an MIT-licensed alternative such as Phosphor or Huge Icons.

Solar compared to other libraries

Popular Solar icons

Browse Solar by category

Frequently asked questions

What is Solar Icons?

Solar is a premium-feeling icon pack of 7,410 icons from 480 Design, and it is one of the most widely used sets in SaaS and mobile product design. Every icon comes in six styles: Linear, Outline, Bold, Duotone, Broken, and Bold Duotone.

Is Solar Icons free for commercial use?

Yes, with one condition. Solar Icons is released under CC BY 4.0, which permits commercial use and modification but requires attribution to the original creator. Most products satisfy this with a credit line in the footer, an about page, or the project README. If providing credit is not practical for your product, use an MIT or Apache 2.0 library instead.

How do I use Solar icons in React?

Install the package with npm install solar-icon-set, then import icons as components. Every Solar page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

Can I download Solar icons as PNG?

Yes. Open any Solar icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.

Do I have to credit Solar Icons?

Yes. Solar is released under CC BY 4.0, which permits commercial use and modification but requires attribution to 480 Design. Most products satisfy this with a line in the footer, an about page, or the project README. If attribution is not practical for your product, choose an MIT or Apache 2.0 library instead.

What does the Broken style look like?

Broken deliberately gaps each icon's stroke at one or more points, giving a lighter, more technical appearance than a continuous outline. It works well for secondary navigation and decorative use, but reads as less solid than Outline or Bold for primary actions.

Explore other icon libraries