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:
cloud
Default
line-md:cloud
- Iconify Icon
LineMdCloud
- Component name
icon-[line-md--cloud]
- Tailwind CSS
i-line-md:cloud
- UnoCSS
i-line-md-cloud
- UnoCSS
cloud
- Name only
line-md/cloud
line-md--cloud
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" stroke-width="2"><path stroke-dasharray="20" stroke-dashoffset="20" d="M12 19C12 19 9.5 19 7 19C4.5 19 3 17 3 15C3 13 4.5 11 7 11C8 11 8.5 11.5 8.5 11.5M12 19H17C19.5 19 21 17 21 15C21 13 19.5 11 17 11C16 11 15.5 11.5 15.5 11.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="20;0"/></path><path stroke-dasharray="9" stroke-dashoffset="9" d="M17 11C17 11 17 10.5 17 10C17 7.5 15 5 12 5M7 11V10C7 7.5 9 5 12 5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.3s" values="9;0"/></path></g></svg>
Copy to Clipboard
Download