Material Line Icons Icons
Animated Material-style line icons. Each icon includes smooth SVG animation built in, making them ideal for loading states and transitions.
About Material Line Icons
Animated Material-style line icons. Each icon includes smooth SVG animation built in, making them ideal for loading states and transitions.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 1,218 icons in this library |
| License | MIT |
| Creator | Cyberalien |
| 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 Line Icons Icons
1. Search the library
Head to Browse Icons and filter by “Material Line Icons” to browse all 1,218 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between fill and outline, 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 Line Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Material Line Icons icon
<Icon icon="line-md:home" className="h-6 w-6" />Browse Material Line Icons Icons Free
1,218 icons. No watermarks, no account, no attribution required.