heart crack icon
heart-crack-linear from Solar by 480 Design · Linear · Like · CC-BY-4.0 Attribution required.
- Name
- heart-crack-linear
- Set
- Solar
- Style
- Linear
- Category
- Like
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- heart-broken-linear
5 other variants in Solar
The same icon in other sets
More like icons from Solar
dislike-boldheart-angle-boldheart-boldheart-broken-boldheart-lock-boldheart-shine-boldheart-unlock-boldhearts-boldlike-boldmedal-ribbon-boldmedal-ribbon-star-boldmedal-ribbons-star-boldmedal-star-boldmedal-star-circle-boldmedal-star-square-boldstar-boldstar-off-boldstar-shine-boldheart-pulse-2-boldheart-pulse-bold
Use the heart crack icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5M12 5.50063L10.5 8.5L14 11L11 14.5L13 16.5L12 20.5"/></svg>
React
import type { SVGProps } from "react";
export function SolarHeartCrackLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5M12 5.50063L10.5 8.5L14 11L11 14.5L13 16.5L12 20.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5M12 5.50063L10.5 8.5L14 11L11 14.5L13 16.5L12 20.5"/></svg> </template>
CSS
.icon-heart-crack-linear {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%205.50063C7.50016%200.825464%202%204.27416%202%209.1371C2%2014%206.01943%2016.5914%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5M12%205.50063C16.4998%200.825464%2022%204.27416%2022%209.1371C22%2014%2017.9806%2016.5914%2015.0383%2018.9109C14%2019.7294%2013%2020.5%2012%2020.5M12%205.50063L10.5%208.5L14%2011L11%2014.5L13%2016.5L12%2020.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%205.50063C7.50016%200.825464%202%204.27416%202%209.1371C2%2014%206.01943%2016.5914%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5M12%205.50063C16.4998%200.825464%2022%204.27416%2022%209.1371C22%2014%2017.9806%2016.5914%2015.0383%2018.9109C14%2019.7294%2013%2020.5%2012%2020.5M12%205.50063L10.5%208.5L14%2011L11%2014.5L13%2016.5L12%2020.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/heart-crack-linear.svg?color=%231a73e8&size=48
