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:
heart-twotone-half-filled
Default
line-md:heart-twotone-half-filled
- Iconify Icon
LineMdHeartTwotoneHalfFilled
- Component name
icon-[line-md--heart-twotone-half-filled]
- Tailwind CSS
i-line-md:heart-twotone-half-filled
- UnoCSS
i-line-md-heart-twotone-half-filled
- UnoCSS
heart-twotone-half-filled
- Name only
line-md/heart-twotone-half-filled
line-md--heart-twotone-half-filled
Size:
Color:
Opacity:
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="currentColor" fill-opacity="0"><path d="M3.5 11L12 20V7L7 5.5L3.5 7V11Z"><animate fill="freeze" attributeName="fill-opacity" begin="0.5s" dur="0.5s" values="0;1"/></path><path d="M12 20L20.5 11V7L17 5.5L12 7V20Z"><animate fill="freeze" attributeName="fill-opacity" begin="0.5s" dur="0.15s" values="0;0.3"/></path></g><path fill="none" stroke="currentColor" stroke-dasharray="30" stroke-dashoffset="30" stroke-linecap="round" stroke-width="2" d="M12 8C12 8 12 8 12.7578 7C13.6343 5.84335 14.9398 5 16.5 5C18.9853 5 21 7.01472 21 9.5C21 10.4251 20.7209 11.285 20.2422 12C19.435 13.206 12 21 12 21M12 8C12 8 12 8 11.2422 7C10.3657 5.84335 9.06021 5 7.5 5C5.01472 5 3 7.01472 3 9.5C3 10.4251 3.27914 11.285 3.75777 12C4.56504 13.206 12 21 12 21"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="30;0"/></path></svg>
Copy to Clipboard
Download