brokenheart emoji

brokenheart from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name: brokenheart
Set: Firefox OS Emoji
Style: Default
Category: People
Viewbox: 72×72
License: Apache 2.0

More people icons from Firefox OS Emoji

Use the brokenheart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M39.1 54c1-.9 1-2.4.2-3.4l-7.6-8.8c-.8-.9-.7-2.2.1-3.1l.2-.1l8.4-8.1c.8-.7.9-1.9.3-2.7c0 0-6.7-10.2-6.8-10.4c-8-8-21.2-7.7-28.8 1C-.6 24.9-1.3 34.6 3.4 42C5 44.5 7 46.4 9.3 47.9l17.8 14.4c1 .8 2.5.8 3.4-.1z"/><path fill="#FF473E" d="M66.9 18.6c-5.7-6.6-14.5-8.4-22-5.6c-2.2.8-3.1 3.5-2 5.6l5.3 9.7l.1.2c.7 1.2.3 2.8-.7 3.6L37.8 40c-.6.5-.7 1.3-.3 1.9l6.9 9.6l.1.1c.5.7.4 1.6-.3 2.2L31.9 64.1c-.7.6-.7 1.6 0 2.1l1.8 1.4c1.4 1.1 3.4 1.1 4.8 0l24.3-19.8s.1 0 .1-.1c1.8-1.2 3.5-2.8 4.9-4.7c5.4-7.2 5.1-17.5-.9-24.4"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiBrokenheart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M39.1 54c1-.9 1-2.4.2-3.4l-7.6-8.8c-.8-.9-.7-2.2.1-3.1l.2-.1l8.4-8.1c.8-.7.9-1.9.3-2.7c0 0-6.7-10.2-6.8-10.4c-8-8-21.2-7.7-28.8 1C-.6 24.9-1.3 34.6 3.4 42C5 44.5 7 46.4 9.3 47.9l17.8 14.4c1 .8 2.5.8 3.4-.1z"/><path fill="#FF473E" d="M66.9 18.6c-5.7-6.6-14.5-8.4-22-5.6c-2.2.8-3.1 3.5-2 5.6l5.3 9.7l.1.2c.7 1.2.3 2.8-.7 3.6L37.8 40c-.6.5-.7 1.3-.3 1.9l6.9 9.6l.1.1c.5.7.4 1.6-.3 2.2L31.9 64.1c-.7.6-.7 1.6 0 2.1l1.8 1.4c1.4 1.1 3.4 1.1 4.8 0l24.3-19.8s.1 0 .1-.1c1.8-1.2 3.5-2.8 4.9-4.7c5.4-7.2 5.1-17.5-.9-24.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#FF473E" d="M39.1 54c1-.9 1-2.4.2-3.4l-7.6-8.8c-.8-.9-.7-2.2.1-3.1l.2-.1l8.4-8.1c.8-.7.9-1.9.3-2.7c0 0-6.7-10.2-6.8-10.4c-8-8-21.2-7.7-28.8 1C-.6 24.9-1.3 34.6 3.4 42C5 44.5 7 46.4 9.3 47.9l17.8 14.4c1 .8 2.5.8 3.4-.1z"/><path fill="#FF473E" d="M66.9 18.6c-5.7-6.6-14.5-8.4-22-5.6c-2.2.8-3.1 3.5-2 5.6l5.3 9.7l.1.2c.7 1.2.3 2.8-.7 3.6L37.8 40c-.6.5-.7 1.3-.3 1.9l6.9 9.6l.1.1c.5.7.4 1.6-.3 2.2L31.9 64.1c-.7.6-.7 1.6 0 2.1l1.8 1.4c1.4 1.1 3.4 1.1 4.8 0l24.3-19.8s.1 0 .1-.1c1.8-1.2 3.5-2.8 4.9-4.7c5.4-7.2 5.1-17.5-.9-24.4"/></svg>
</template>

CSS

.icon-brokenheart {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M39.1%2054c1-.9%201-2.4.2-3.4l-7.6-8.8c-.8-.9-.7-2.2.1-3.1l.2-.1l8.4-8.1c.8-.7.9-1.9.3-2.7c0%200-6.7-10.2-6.8-10.4c-8-8-21.2-7.7-28.8%201C-.6%2024.9-1.3%2034.6%203.4%2042C5%2044.5%207%2046.4%209.3%2047.9l17.8%2014.4c1%20.8%202.5.8%203.4-.1z%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M66.9%2018.6c-5.7-6.6-14.5-8.4-22-5.6c-2.2.8-3.1%203.5-2%205.6l5.3%209.7l.1.2c.7%201.2.3%202.8-.7%203.6L37.8%2040c-.6.5-.7%201.3-.3%201.9l6.9%209.6l.1.1c.5.7.4%201.6-.3%202.2L31.9%2064.1c-.7.6-.7%201.6%200%202.1l1.8%201.4c1.4%201.1%203.4%201.1%204.8%200l24.3-19.8s.1%200%20.1-.1c1.8-1.2%203.5-2.8%204.9-4.7c5.4-7.2%205.1-17.5-.9-24.4%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M39.1%2054c1-.9%201-2.4.2-3.4l-7.6-8.8c-.8-.9-.7-2.2.1-3.1l.2-.1l8.4-8.1c.8-.7.9-1.9.3-2.7c0%200-6.7-10.2-6.8-10.4c-8-8-21.2-7.7-28.8%201C-.6%2024.9-1.3%2034.6%203.4%2042C5%2044.5%207%2046.4%209.3%2047.9l17.8%2014.4c1%20.8%202.5.8%203.4-.1z%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M66.9%2018.6c-5.7-6.6-14.5-8.4-22-5.6c-2.2.8-3.1%203.5-2%205.6l5.3%209.7l.1.2c.7%201.2.3%202.8-.7%203.6L37.8%2040c-.6.5-.7%201.3-.3%201.9l6.9%209.6l.1.1c.5.7.4%201.6-.3%202.2L31.9%2064.1c-.7.6-.7%201.6%200%202.1l1.8%201.4c1.4%201.1%203.4%201.1%204.8%200l24.3-19.8s.1%200%20.1-.1c1.8-1.2%203.5-2.8%204.9-4.7c5.4-7.2%205.1-17.5-.9-24.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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