material symbols light Icons
9,499 icons10k outline rounded
10k outline sharp
10k outline
10k rounded
10k sharp
10k
10mp outline rounded
10mp outline sharp
10mp outline
10mp rounded
10mp sharp
10mp
11mp outline rounded
11mp outline sharp
11mp outline
11mp rounded
11mp sharp
11mp
123 rounded
123 sharp
123
12mp outline rounded
12mp outline sharp
12mp outline
12mp rounded
12mp sharp
12mp
13mp outline rounded
13mp outline sharp
13mp outline
13mp rounded
13mp sharp
13mp
14mp outline rounded
14mp outline sharp
14mp outline
14mp rounded
14mp sharp
14mp
15mp outline rounded
15mp outline sharp
15mp outline
15mp rounded
15mp sharp
15mp
16mp outline rounded
16mp outline sharp
16mp outline
16mp rounded
16mp sharp
16mp
17mp outline rounded
17mp outline sharp
17mp outline
17mp rounded
17mp sharp
17mp
18 up rating outline rounded
18 up rating outline sharp
18 up rating outline
Usage Guide
How to Use These Icons
Copy SVG Code
Click any icon to open the detail panel, then copy the raw SVG markup directly into your HTML or React component.
Download PNG
Export any icon as a high-resolution PNG at 24 Ć 24, 48 Ć 48, or 96 Ć 96 pixels for raster-based workflows.
Customize & Remix
Change stroke weight, size, and color using the built-in customizer on the icon detail page ā no design tool required.
Standards & Quality
Technical Excellence: material symbols light
Discover the ultimate library of free SVG icons in our material symbols light collection. Every vector icon is meticulously crafted for pixel-perfect precision. Download high-quality SVG assets for commercial use, optimized for web developers and designers.
Premium Vector Quality
Download professional vector icons designed for Figma, Adobe XD, and Sketch. Our material symbols light graphics ensure consistent brand fidelity across digital platforms, available as free SVG downloads.
Lightning-Fast Performance
Each lightweight SVG is programmatically cleaned of bloated XML metadata. These performance-optimized icons guarantee a 100/100 Lighthouse score, making them perfect for SEO-friendly web development.
Responsive UI/UX Standards
Built on minimalist design principles, our material symbols light icons maintain stunning clarity from 16px to 4K resolutions. These UI assets are essential for granular interface controls and accessible web design.
Developer-First Integration
Engineered for CSS-based recoloring, these customizable SVG icons are ideal for React, Vue, and Tailwind CSS projects. Use them as inline SVGs, CSS masks, or within an SVG sprite system for maximum flexibility.