heart broken icon
heart-broken-broken from Solar by 480 Design · Broken · Like · CC-BY-4.0 Attribution required.
- Name
- heart-broken-broken
- Set
- Solar
- Style
- Broken
- Category
- Like
- Viewbox
- 24×24
- License
- CC BY 4.0
2 other variants in Solar
The same icon in other sets
More like icons from Solar
dislike-boldheart-angle-boldheart-boldheart-crack-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 broken icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m8.962 18.91l.464-.588zM12 5.5l-.54.52a.75.75 0 0 0 1.08 0zm3.038 13.41l.465.59zm-8.037-2.49a.75.75 0 0 0-.954 1.16zm-4.659-3.009a.75.75 0 1 0 1.316-.72zm.408-4.274c0-2.15 1.215-3.954 2.874-4.713c1.612-.737 3.778-.541 5.836 1.597l1.08-1.04C10.1 2.444 7.264 2.025 5 3.06C2.786 4.073 1.25 6.425 1.25 9.137zM8.497 19.5c.513.404 1.063.834 1.62 1.16s1.193.59 1.883.59v-1.5c-.31 0-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006 0c1.426-1.125 3.25-2.413 4.68-4.024c1.457-1.64 2.567-3.673 2.567-6.339h-1.5c0 2.198-.9 3.891-2.188 5.343c-1.315 1.48-2.972 2.647-4.488 3.842zM22.75 9.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54 1.92l1.08 1.04c2.058-2.137 4.224-2.333 5.836-1.596c1.659.759 2.874 2.562 2.874 4.713zm-8.176 9.185c-.526.415-.995.779-1.448 1.043s-.816.385-1.126.385v1.5c.69 0 1.326-.265 1.883-.59c.558-.326 1.107-.756 1.62-1.16zm-5.148 0c-.796-.627-1.605-1.226-2.425-1.901l-.954 1.158c.83.683 1.708 1.335 2.45 1.92zm-5.768-5.63a7.25 7.25 0 0 1-.908-3.555h-1.5c0 1.638.42 3.046 1.092 4.275z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 5.5l-1.5 3L14 11l-3 3.5l2 2l-1 4"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarHeartBrokenBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m8.962 18.91l.464-.588zM12 5.5l-.54.52a.75.75 0 0 0 1.08 0zm3.038 13.41l.465.59zm-8.037-2.49a.75.75 0 0 0-.954 1.16zm-4.659-3.009a.75.75 0 1 0 1.316-.72zm.408-4.274c0-2.15 1.215-3.954 2.874-4.713c1.612-.737 3.778-.541 5.836 1.597l1.08-1.04C10.1 2.444 7.264 2.025 5 3.06C2.786 4.073 1.25 6.425 1.25 9.137zM8.497 19.5c.513.404 1.063.834 1.62 1.16s1.193.59 1.883.59v-1.5c-.31 0-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006 0c1.426-1.125 3.25-2.413 4.68-4.024c1.457-1.64 2.567-3.673 2.567-6.339h-1.5c0 2.198-.9 3.891-2.188 5.343c-1.315 1.48-2.972 2.647-4.488 3.842zM22.75 9.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54 1.92l1.08 1.04c2.058-2.137 4.224-2.333 5.836-1.596c1.659.759 2.874 2.562 2.874 4.713zm-8.176 9.185c-.526.415-.995.779-1.448 1.043s-.816.385-1.126.385v1.5c.69 0 1.326-.265 1.883-.59c.558-.326 1.107-.756 1.62-1.16zm-5.148 0c-.796-.627-1.605-1.226-2.425-1.901l-.954 1.158c.83.683 1.708 1.335 2.45 1.92zm-5.768-5.63a7.25 7.25 0 0 1-.908-3.555h-1.5c0 1.638.42 3.046 1.092 4.275z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m12 5.5l-1.5 3L14 11l-3 3.5l2 2l-1 4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m8.962 18.91l.464-.588zM12 5.5l-.54.52a.75.75 0 0 0 1.08 0zm3.038 13.41l.465.59zm-8.037-2.49a.75.75 0 0 0-.954 1.16zm-4.659-3.009a.75.75 0 1 0 1.316-.72zm.408-4.274c0-2.15 1.215-3.954 2.874-4.713c1.612-.737 3.778-.541 5.836 1.597l1.08-1.04C10.1 2.444 7.264 2.025 5 3.06C2.786 4.073 1.25 6.425 1.25 9.137zM8.497 19.5c.513.404 1.063.834 1.62 1.16s1.193.59 1.883.59v-1.5c-.31 0-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006 0c1.426-1.125 3.25-2.413 4.68-4.024c1.457-1.64 2.567-3.673 2.567-6.339h-1.5c0 2.198-.9 3.891-2.188 5.343c-1.315 1.48-2.972 2.647-4.488 3.842zM22.75 9.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54 1.92l1.08 1.04c2.058-2.137 4.224-2.333 5.836-1.596c1.659.759 2.874 2.562 2.874 4.713zm-8.176 9.185c-.526.415-.995.779-1.448 1.043s-.816.385-1.126.385v1.5c.69 0 1.326-.265 1.883-.59c.558-.326 1.107-.756 1.62-1.16zm-5.148 0c-.796-.627-1.605-1.226-2.425-1.901l-.954 1.158c.83.683 1.708 1.335 2.45 1.92zm-5.768-5.63a7.25 7.25 0 0 1-.908-3.555h-1.5c0 1.638.42 3.046 1.092 4.275z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 5.5l-1.5 3L14 11l-3 3.5l2 2l-1 4"/></g></svg> </template>
CSS
.icon-heart-broken-broken {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.962%2018.91l.464-.588zM12%205.5l-.54.52a.75.75%200%200%200%201.08%200zm3.038%2013.41l.465.59zm-8.037-2.49a.75.75%200%200%200-.954%201.16zm-4.659-3.009a.75.75%200%201%200%201.316-.72zm.408-4.274c0-2.15%201.215-3.954%202.874-4.713c1.612-.737%203.778-.541%205.836%201.597l1.08-1.04C10.1%202.444%207.264%202.025%205%203.06C2.786%204.073%201.25%206.425%201.25%209.137zM8.497%2019.5c.513.404%201.063.834%201.62%201.16s1.193.59%201.883.59v-1.5c-.31%200-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006%200c1.426-1.125%203.25-2.413%204.68-4.024c1.457-1.64%202.567-3.673%202.567-6.339h-1.5c0%202.198-.9%203.891-2.188%205.343c-1.315%201.48-2.972%202.647-4.488%203.842zM22.75%209.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54%201.92l1.08%201.04c2.058-2.137%204.224-2.333%205.836-1.596c1.659.759%202.874%202.562%202.874%204.713zm-8.176%209.185c-.526.415-.995.779-1.448%201.043s-.816.385-1.126.385v1.5c.69%200%201.326-.265%201.883-.59c.558-.326%201.107-.756%201.62-1.16zm-5.148%200c-.796-.627-1.605-1.226-2.425-1.901l-.954%201.158c.83.683%201.708%201.335%202.45%201.92zm-5.768-5.63a7.25%207.25%200%200%201-.908-3.555h-1.5c0%201.638.42%203.046%201.092%204.275z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m12%205.5l-1.5%203L14%2011l-3%203.5l2%202l-1%204%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.962%2018.91l.464-.588zM12%205.5l-.54.52a.75.75%200%200%200%201.08%200zm3.038%2013.41l.465.59zm-8.037-2.49a.75.75%200%200%200-.954%201.16zm-4.659-3.009a.75.75%200%201%200%201.316-.72zm.408-4.274c0-2.15%201.215-3.954%202.874-4.713c1.612-.737%203.778-.541%205.836%201.597l1.08-1.04C10.1%202.444%207.264%202.025%205%203.06C2.786%204.073%201.25%206.425%201.25%209.137zM8.497%2019.5c.513.404%201.063.834%201.62%201.16s1.193.59%201.883.59v-1.5c-.31%200-.674-.12-1.126-.385c-.453-.264-.922-.628-1.448-1.043zm7.006%200c1.426-1.125%203.25-2.413%204.68-4.024c1.457-1.64%202.567-3.673%202.567-6.339h-1.5c0%202.198-.9%203.891-2.188%205.343c-1.315%201.48-2.972%202.647-4.488%203.842zM22.75%209.137c0-2.712-1.535-5.064-3.75-6.077c-2.264-1.035-5.098-.616-7.54%201.92l1.08%201.04c2.058-2.137%204.224-2.333%205.836-1.596c1.659.759%202.874%202.562%202.874%204.713zm-8.176%209.185c-.526.415-.995.779-1.448%201.043s-.816.385-1.126.385v1.5c.69%200%201.326-.265%201.883-.59c.558-.326%201.107-.756%201.62-1.16zm-5.148%200c-.796-.627-1.605-1.226-2.425-1.901l-.954%201.158c.83.683%201.708%201.335%202.45%201.92zm-5.768-5.63a7.25%207.25%200%200%201-.908-3.555h-1.5c0%201.638.42%203.046%201.092%204.275z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m12%205.5l-1.5%203L14%2011l-3%203.5l2%202l-1%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/heart-broken-broken.svg?color=%231a73e8&size=48
