broken heart emoji

broken-heart from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
broken-heart
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

broken-heartEmoji One (Colored)broken-heartFluent Emojibroken-heartFluent Emoji Flatbroken-heartFluent Emoji High Contrastbroken-heartOpenMojibroken-heartStreamline Emojisbroken-heartTwitter Emoji

More smileys & emotion icons from Noto Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-catcrying-face

Use the broken heart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f44336"><path d="M93.96 8.96c-10.01 0-17.79 6.18-22.76 13.12c-5.57 7.77-11.05 20.8-13.12 25.96c-.54 1.35-.28 2.88.67 3.98L72.4 67.87c.43.5.49 1.21.17 1.78l-11.4 19.69c-.43.75-.54 1.63-.31 2.46l6.26 22.43c.28.99 1.46 1.38 2.27.75c13.33-10.44 47.44-39.08 53.04-63.02c6.98-29.86-10.56-43-28.47-43"/><path d="M63.55 68.35L48.94 51.37l10.93-23.2c.79-1.68.65-3.67-.42-5.19C54.97 16.62 46.9 8.96 33.99 8.96c-16.58 0-35.48 13.14-28.5 43.01c5.39 23.06 37.71 51.36 52.02 62.68c.36.29.9.05.93-.42l.61-7.11l-6.09-17.57l10.83-18.74c.45-.78.36-1.77-.24-2.46"/></g><path fill="#c33" d="M93.96 8.96c-6.63 0-12.27 2.72-16.77 6.56c.81-.59 6.11-4.33 12.05-4.33c16.21 0 30.72 12.29 24.17 40.7c-5.24 22.72-34.09 49.96-46.12 62.7c.43.71 1.41.94 2.11.39c13.33-10.44 47.44-39.08 53.04-63.02c6.97-29.86-10.57-43-28.48-43"/><path fill="#ff8a80" d="M77.13 34.65c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.1 4.93-11.51 6.19-14.04 6.19M17 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.49-5.42-17.79.05-24.61"/><path fill="#c33" d="m52.96 89.55l10.83-18.74c.46-.79.36-1.78-.23-2.47L48.94 51.37L60.59 27.1c.79-1.68.65-3.67-.42-5.19C55.69 15.55 46.9 8.96 33.99 8.96c-10.02 0-20.89 4.81-26.38 15.22c5.92-7.45 15.06-10.94 23.59-10.94c12.91 0 20.98 7.66 25.46 14.02c1.07 1.52 1.21 3.51.42 5.19l-10.93 23.2l14.62 16.98c.59.69.69 1.68.23 2.47L50.17 93.83s5.91 15.8 8.1 20.7c0 0 .17 0 .3-.85c0 0 .88-6.25.4-7.74c-.45-1.42-6.01-16.39-6.01-16.39"/></svg>

React

import type { SVGProps } from "react";

export function NotoBrokenHeart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f44336"><path d="M93.96 8.96c-10.01 0-17.79 6.18-22.76 13.12c-5.57 7.77-11.05 20.8-13.12 25.96c-.54 1.35-.28 2.88.67 3.98L72.4 67.87c.43.5.49 1.21.17 1.78l-11.4 19.69c-.43.75-.54 1.63-.31 2.46l6.26 22.43c.28.99 1.46 1.38 2.27.75c13.33-10.44 47.44-39.08 53.04-63.02c6.98-29.86-10.56-43-28.47-43"/><path d="M63.55 68.35L48.94 51.37l10.93-23.2c.79-1.68.65-3.67-.42-5.19C54.97 16.62 46.9 8.96 33.99 8.96c-16.58 0-35.48 13.14-28.5 43.01c5.39 23.06 37.71 51.36 52.02 62.68c.36.29.9.05.93-.42l.61-7.11l-6.09-17.57l10.83-18.74c.45-.78.36-1.77-.24-2.46"/></g><path fill="#c33" d="M93.96 8.96c-6.63 0-12.27 2.72-16.77 6.56c.81-.59 6.11-4.33 12.05-4.33c16.21 0 30.72 12.29 24.17 40.7c-5.24 22.72-34.09 49.96-46.12 62.7c.43.71 1.41.94 2.11.39c13.33-10.44 47.44-39.08 53.04-63.02c6.97-29.86-10.57-43-28.48-43"/><path fill="#ff8a80" d="M77.13 34.65c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.1 4.93-11.51 6.19-14.04 6.19M17 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.49-5.42-17.79.05-24.61"/><path fill="#c33" d="m52.96 89.55l10.83-18.74c.46-.79.36-1.78-.23-2.47L48.94 51.37L60.59 27.1c.79-1.68.65-3.67-.42-5.19C55.69 15.55 46.9 8.96 33.99 8.96c-10.02 0-20.89 4.81-26.38 15.22c5.92-7.45 15.06-10.94 23.59-10.94c12.91 0 20.98 7.66 25.46 14.02c1.07 1.52 1.21 3.51.42 5.19l-10.93 23.2l14.62 16.98c.59.69.69 1.68.23 2.47L50.17 93.83s5.91 15.8 8.1 20.7c0 0 .17 0 .3-.85c0 0 .88-6.25.4-7.74c-.45-1.42-6.01-16.39-6.01-16.39"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f44336"><path d="M93.96 8.96c-10.01 0-17.79 6.18-22.76 13.12c-5.57 7.77-11.05 20.8-13.12 25.96c-.54 1.35-.28 2.88.67 3.98L72.4 67.87c.43.5.49 1.21.17 1.78l-11.4 19.69c-.43.75-.54 1.63-.31 2.46l6.26 22.43c.28.99 1.46 1.38 2.27.75c13.33-10.44 47.44-39.08 53.04-63.02c6.98-29.86-10.56-43-28.47-43"/><path d="M63.55 68.35L48.94 51.37l10.93-23.2c.79-1.68.65-3.67-.42-5.19C54.97 16.62 46.9 8.96 33.99 8.96c-16.58 0-35.48 13.14-28.5 43.01c5.39 23.06 37.71 51.36 52.02 62.68c.36.29.9.05.93-.42l.61-7.11l-6.09-17.57l10.83-18.74c.45-.78.36-1.77-.24-2.46"/></g><path fill="#c33" d="M93.96 8.96c-6.63 0-12.27 2.72-16.77 6.56c.81-.59 6.11-4.33 12.05-4.33c16.21 0 30.72 12.29 24.17 40.7c-5.24 22.72-34.09 49.96-46.12 62.7c.43.71 1.41.94 2.11.39c13.33-10.44 47.44-39.08 53.04-63.02c6.97-29.86-10.57-43-28.48-43"/><path fill="#ff8a80" d="M77.13 34.65c-1.76 0-3-1.7-2.36-3.34c1.19-3.02 2.73-5.94 4.58-8.54c2.74-3.84 7.95-6.08 11.25-3.75c3.38 2.38 2.94 7.14.57 9.44c-5.1 4.93-11.51 6.19-14.04 6.19M17 24.82c3.75-4.68 10.45-8.55 16.13-4.09c3.07 2.41 1.73 7.35-1.02 9.43c-4 3.04-7.48 4.87-9.92 9.63c-1.46 2.86-2.34 5.99-2.79 9.18c-.18 1.26-1.83 1.57-2.45.46c-4.22-7.49-5.42-17.79.05-24.61"/><path fill="#c33" d="m52.96 89.55l10.83-18.74c.46-.79.36-1.78-.23-2.47L48.94 51.37L60.59 27.1c.79-1.68.65-3.67-.42-5.19C55.69 15.55 46.9 8.96 33.99 8.96c-10.02 0-20.89 4.81-26.38 15.22c5.92-7.45 15.06-10.94 23.59-10.94c12.91 0 20.98 7.66 25.46 14.02c1.07 1.52 1.21 3.51.42 5.19l-10.93 23.2l14.62 16.98c.59.69.69 1.68.23 2.47L50.17 93.83s5.91 15.8 8.1 20.7c0 0 .17 0 .3-.85c0 0 .88-6.25.4-7.74c-.45-1.42-6.01-16.39-6.01-16.39"/></svg>
</template>

CSS

.icon-broken-heart {
  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%20128%20128%22%3E%3Cg%20fill%3D%22%23f44336%22%3E%3Cpath%20d%3D%22M93.96%208.96c-10.01%200-17.79%206.18-22.76%2013.12c-5.57%207.77-11.05%2020.8-13.12%2025.96c-.54%201.35-.28%202.88.67%203.98L72.4%2067.87c.43.5.49%201.21.17%201.78l-11.4%2019.69c-.43.75-.54%201.63-.31%202.46l6.26%2022.43c.28.99%201.46%201.38%202.27.75c13.33-10.44%2047.44-39.08%2053.04-63.02c6.98-29.86-10.56-43-28.47-43%22%2F%3E%3Cpath%20d%3D%22M63.55%2068.35L48.94%2051.37l10.93-23.2c.79-1.68.65-3.67-.42-5.19C54.97%2016.62%2046.9%208.96%2033.99%208.96c-16.58%200-35.48%2013.14-28.5%2043.01c5.39%2023.06%2037.71%2051.36%2052.02%2062.68c.36.29.9.05.93-.42l.61-7.11l-6.09-17.57l10.83-18.74c.45-.78.36-1.77-.24-2.46%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22M93.96%208.96c-6.63%200-12.27%202.72-16.77%206.56c.81-.59%206.11-4.33%2012.05-4.33c16.21%200%2030.72%2012.29%2024.17%2040.7c-5.24%2022.72-34.09%2049.96-46.12%2062.7c.43.71%201.41.94%202.11.39c13.33-10.44%2047.44-39.08%2053.04-63.02c6.97-29.86-10.57-43-28.48-43%22%2F%3E%3Cpath%20fill%3D%22%23ff8a80%22%20d%3D%22M77.13%2034.65c-1.76%200-3-1.7-2.36-3.34c1.19-3.02%202.73-5.94%204.58-8.54c2.74-3.84%207.95-6.08%2011.25-3.75c3.38%202.38%202.94%207.14.57%209.44c-5.1%204.93-11.51%206.19-14.04%206.19M17%2024.82c3.75-4.68%2010.45-8.55%2016.13-4.09c3.07%202.41%201.73%207.35-1.02%209.43c-4%203.04-7.48%204.87-9.92%209.63c-1.46%202.86-2.34%205.99-2.79%209.18c-.18%201.26-1.83%201.57-2.45.46c-4.22-7.49-5.42-17.79.05-24.61%22%2F%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22m52.96%2089.55l10.83-18.74c.46-.79.36-1.78-.23-2.47L48.94%2051.37L60.59%2027.1c.79-1.68.65-3.67-.42-5.19C55.69%2015.55%2046.9%208.96%2033.99%208.96c-10.02%200-20.89%204.81-26.38%2015.22c5.92-7.45%2015.06-10.94%2023.59-10.94c12.91%200%2020.98%207.66%2025.46%2014.02c1.07%201.52%201.21%203.51.42%205.19l-10.93%2023.2l14.62%2016.98c.59.69.69%201.68.23%202.47L50.17%2093.83s5.91%2015.8%208.1%2020.7c0%200%20.17%200%20.3-.85c0%200%20.88-6.25.4-7.74c-.45-1.42-6.01-16.39-6.01-16.39%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%20128%20128%22%3E%3Cg%20fill%3D%22%23f44336%22%3E%3Cpath%20d%3D%22M93.96%208.96c-10.01%200-17.79%206.18-22.76%2013.12c-5.57%207.77-11.05%2020.8-13.12%2025.96c-.54%201.35-.28%202.88.67%203.98L72.4%2067.87c.43.5.49%201.21.17%201.78l-11.4%2019.69c-.43.75-.54%201.63-.31%202.46l6.26%2022.43c.28.99%201.46%201.38%202.27.75c13.33-10.44%2047.44-39.08%2053.04-63.02c6.98-29.86-10.56-43-28.47-43%22%2F%3E%3Cpath%20d%3D%22M63.55%2068.35L48.94%2051.37l10.93-23.2c.79-1.68.65-3.67-.42-5.19C54.97%2016.62%2046.9%208.96%2033.99%208.96c-16.58%200-35.48%2013.14-28.5%2043.01c5.39%2023.06%2037.71%2051.36%2052.02%2062.68c.36.29.9.05.93-.42l.61-7.11l-6.09-17.57l10.83-18.74c.45-.78.36-1.77-.24-2.46%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22M93.96%208.96c-6.63%200-12.27%202.72-16.77%206.56c.81-.59%206.11-4.33%2012.05-4.33c16.21%200%2030.72%2012.29%2024.17%2040.7c-5.24%2022.72-34.09%2049.96-46.12%2062.7c.43.71%201.41.94%202.11.39c13.33-10.44%2047.44-39.08%2053.04-63.02c6.97-29.86-10.57-43-28.48-43%22%2F%3E%3Cpath%20fill%3D%22%23ff8a80%22%20d%3D%22M77.13%2034.65c-1.76%200-3-1.7-2.36-3.34c1.19-3.02%202.73-5.94%204.58-8.54c2.74-3.84%207.95-6.08%2011.25-3.75c3.38%202.38%202.94%207.14.57%209.44c-5.1%204.93-11.51%206.19-14.04%206.19M17%2024.82c3.75-4.68%2010.45-8.55%2016.13-4.09c3.07%202.41%201.73%207.35-1.02%209.43c-4%203.04-7.48%204.87-9.92%209.63c-1.46%202.86-2.34%205.99-2.79%209.18c-.18%201.26-1.83%201.57-2.45.46c-4.22-7.49-5.42-17.79.05-24.61%22%2F%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22m52.96%2089.55l10.83-18.74c.46-.79.36-1.78-.23-2.47L48.94%2051.37L60.59%2027.1c.79-1.68.65-3.67-.42-5.19C55.69%2015.55%2046.9%208.96%2033.99%208.96c-10.02%200-20.89%204.81-26.38%2015.22c5.92-7.45%2015.06-10.94%2023.59-10.94c12.91%200%2020.98%207.66%2025.46%2014.02c1.07%201.52%201.21%203.51.42%205.19l-10.93%2023.2l14.62%2016.98c.59.69.69%201.68.23%202.47L50.17%2093.83s5.91%2015.8%208.1%2020.7c0%200%20.17%200%20.3-.85c0%200%20.88-6.25.4-7.74c-.45-1.42-6.01-16.39-6.01-16.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/broken-heart.svg?color=%231a73e8&size=48