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:
cancel
Default
line-md:cancel
- Iconify Icon
LineMdCancel
- Component name
icon-[line-md--cancel]
- Tailwind CSS
i-line-md:cancel
- UnoCSS
i-line-md-cancel
- UnoCSS
cancel
- Name only
line-md/cancel
line-md--cancel
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-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M5.63604 5.63603C9.15076 2.12131 14.8492 2.12131 18.364 5.63603C21.8787 9.15075 21.8787 14.8492 18.364 18.364C14.8492 21.8787 9.15076 21.8787 5.63604 18.364C2.12132 14.8492 2.12132 9.15075 5.63604 5.63603Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="18" stroke-dashoffset="18" d="M6 6L18 18"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="18;0"/></path></g></svg>
Copy to Clipboard
Download