Material Symbols Light Icons
The light weight variant of Google's Material Symbols library. Same comprehensive coverage as Material Symbols with a thinner, more delicate appearance.
About Material Symbols Light
The light weight variant of Google's Material Symbols library. Same comprehensive coverage as Material Symbols with a thinner, more delicate appearance.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 15,333 icons in this library |
| License | Apache 2.0 |
| Creator | |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Material Symbols Light Icons
1. Search the library
Head to Browse Icons and filter by “Material Symbols Light” to browse all 15,333 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Outlined and Rounded styles, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Material Symbols Light icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Material Symbols Light icon
<Icon icon="material-symbols-light:home" className="h-6 w-6" />Browse Material Symbols Light Icons Free
15,333 icons. No watermarks, no account, no attribution required.