Iconify
.design
Show Iconify website navigation
Add to favorites
Material Line Icons
by
Vjacheslav Trushkin
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Material Line Icons
Icon:
image
Default
line-md:image
- Iconify Icon
LineMdImage
- Component name
icon-[line-md--image]
- Tailwind CSS
i-line-md:image
- UnoCSS
i-line-md-image
- UnoCSS
image
- Name only
line-md/image
line-md--image
Size:
Color:
Stroke width:
Animation:
Remove animations
(multiplies animation duration)
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path stroke-dasharray="66" stroke-dashoffset="66" stroke-width="2" d="M3 14V5H21V19H3V14"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="66;0"/></path><path stroke-dasharray="26" stroke-dashoffset="26" d="M3 16L7 13L10 15L16 10L21 14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.4s" values="26;0"/></path></g><circle cx="7.5" cy="9.5" r="1.5" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="1s" dur="0.4s" values="0;1"/></circle></svg>
Copy to Clipboard
Download