heart suit emoji
heart-suit from Noto Emoji by Google Inc · Default · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- heart-suit
- Set
- Noto Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More activities icons from Noto Emoji
Use the heart suit emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#db0a28" d="M64.8 120.71c3.68 0 32.11-24.18 48.7-44.07c15.96-19.14 10.2-41.74 6.69-48.03c-4.15-7.43-56.94 17.01-56.94 17.01S14.07 17.99 10.39 23.99C5.4 32.13-1.59 53.54 12.52 73.45C27.5 94.6 60.85 120.71 64.8 120.71"/><path fill="#ff262e" d="M64.55 114.2s52.26-38.68 56.75-62.3c4.25-22.37-4.45-33.22-15.16-38.45C78.99.19 65.29 26.21 64 26.21S49.95.14 23.7 11.42C9.24 17.63 3.18 34.53 8.91 53.57c8.41 27.94 55.64 60.63 55.64 60.63"/></svg>
React
import type { SVGProps } from "react";
export function NotoHeartSuit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#db0a28" d="M64.8 120.71c3.68 0 32.11-24.18 48.7-44.07c15.96-19.14 10.2-41.74 6.69-48.03c-4.15-7.43-56.94 17.01-56.94 17.01S14.07 17.99 10.39 23.99C5.4 32.13-1.59 53.54 12.52 73.45C27.5 94.6 60.85 120.71 64.8 120.71"/><path fill="#ff262e" d="M64.55 114.2s52.26-38.68 56.75-62.3c4.25-22.37-4.45-33.22-15.16-38.45C78.99.19 65.29 26.21 64 26.21S49.95.14 23.7 11.42C9.24 17.63 3.18 34.53 8.91 53.57c8.41 27.94 55.64 60.63 55.64 60.63"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#db0a28" d="M64.8 120.71c3.68 0 32.11-24.18 48.7-44.07c15.96-19.14 10.2-41.74 6.69-48.03c-4.15-7.43-56.94 17.01-56.94 17.01S14.07 17.99 10.39 23.99C5.4 32.13-1.59 53.54 12.52 73.45C27.5 94.6 60.85 120.71 64.8 120.71"/><path fill="#ff262e" d="M64.55 114.2s52.26-38.68 56.75-62.3c4.25-22.37-4.45-33.22-15.16-38.45C78.99.19 65.29 26.21 64 26.21S49.95.14 23.7 11.42C9.24 17.63 3.18 34.53 8.91 53.57c8.41 27.94 55.64 60.63 55.64 60.63"/></svg> </template>
CSS
.icon-heart-suit {
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%3Cpath%20fill%3D%22%23db0a28%22%20d%3D%22M64.8%20120.71c3.68%200%2032.11-24.18%2048.7-44.07c15.96-19.14%2010.2-41.74%206.69-48.03c-4.15-7.43-56.94%2017.01-56.94%2017.01S14.07%2017.99%2010.39%2023.99C5.4%2032.13-1.59%2053.54%2012.52%2073.45C27.5%2094.6%2060.85%20120.71%2064.8%20120.71%22%2F%3E%3Cpath%20fill%3D%22%23ff262e%22%20d%3D%22M64.55%20114.2s52.26-38.68%2056.75-62.3c4.25-22.37-4.45-33.22-15.16-38.45C78.99.19%2065.29%2026.21%2064%2026.21S49.95.14%2023.7%2011.42C9.24%2017.63%203.18%2034.53%208.91%2053.57c8.41%2027.94%2055.64%2060.63%2055.64%2060.63%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%3Cpath%20fill%3D%22%23db0a28%22%20d%3D%22M64.8%20120.71c3.68%200%2032.11-24.18%2048.7-44.07c15.96-19.14%2010.2-41.74%206.69-48.03c-4.15-7.43-56.94%2017.01-56.94%2017.01S14.07%2017.99%2010.39%2023.99C5.4%2032.13-1.59%2053.54%2012.52%2073.45C27.5%2094.6%2060.85%20120.71%2064.8%20120.71%22%2F%3E%3Cpath%20fill%3D%22%23ff262e%22%20d%3D%22M64.55%20114.2s52.26-38.68%2056.75-62.3c4.25-22.37-4.45-33.22-15.16-38.45C78.99.19%2065.29%2026.21%2064%2026.21S49.95.14%2023.7%2011.42C9.24%2017.63%203.18%2034.53%208.91%2053.57c8.41%2027.94%2055.64%2060.63%2055.64%2060.63%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/heart-suit.svg?color=%231a73e8&size=48
