Solar

About Solar

Solar Icons is a comprehensive open-source SVG icon library by 480 Design, offering 7 visual styles per icon — Linear, Outline, Bold, Broken, Duotone, Line Duotone, and Bold Duotone — making it one of the most stylistically versatile free icon sets available. With 9,600+ icons across all styles, Solar covers every major UI action and category. Free under a permissive license and available through the Iconify ecosystem. Solar's warm, rounded aesthetic with its distinctive Broken and Duotone treatments suits health platforms, wellness apps, consumer mobile applications, and premium landing pages. The Duotone variant adds a subtle second-color depth layer popular for hero sections and feature illustrations. Search Solar Icons, copy SVG, export as JSX, and download PNG on AllSVGIcons. Compared with Phosphor: Solar's multi-style system focuses on visual storytelling variety rather than semantic weight states; both are excellent choices for design systems needing style flexibility. Ideal for any project where icon personality and visual richness matter.

How to use Solar icons

// Solar is available via Iconify — no separate npm package needed
import { Icon } from '@iconify/react';

export default function App() {
  // Styles: linear, outline, bold, bold-duotone, broken, line-duotone
  return <Icon icon="solar:magnifer-bold-duotone" width={24} />;
}

<!-- Solar via Iconify CDN -->
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:magnifer-bold-duotone" width="24"></iconify-icon>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="solar:icon-name" width={24} />;
}

Compare Solar with similar icon packs