redheart emoji

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

Name
redheart
Set
Firefox OS Emoji
Style
Default
Category
People
Viewbox
512×512
License
Apache 2.0

More people icons from Firefox OS Emoji

2heartsalienangerangryanguishaokastonishedbabybabyangelbeating-heartbikiniblackdownpointingbackhandblackleftpointingbackhandblackmissingsmileyblackrightpointingbackhandblackuppointingbackhandblondebootbowbowingboybridebriefcasebrokenheart

Use the redheart emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M476.6 133c-53.7-63.5-148.7-66.5-206.3-9.1l-.2.2c-8 8-20.5 8-28.4 0l-.2-.2c-54.6-54.8-143.3-55-198.1-.4C-3.2 169.8-10.9 244.6 25 299.7c11.2 17.3 25.3 30.6 40.9 40.7l180 145.7c6.4 5.2 15.6 5.2 22.1 0l178.8-145.9c15-10 28.6-23 39.5-39.5c34.1-51.3 30.1-120.7-9.7-167.7"/><path fill="#FF6E83" d="M58.7 242.6c-.6 0-1.3 0-1.9-.1c-12.9-1.1-22.5-12.4-21.5-25.3c3.8-45.9 36.5-83.5 81.5-93.5c12.6-2.8 25.2 5.1 28 17.8c2.8 12.6-5.1 25.2-17.8 28c-24.8 5.5-42.9 26.3-45 51.6c-1 12.2-11.2 21.5-23.3 21.5"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiRedheart(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M476.6 133c-53.7-63.5-148.7-66.5-206.3-9.1l-.2.2c-8 8-20.5 8-28.4 0l-.2-.2c-54.6-54.8-143.3-55-198.1-.4C-3.2 169.8-10.9 244.6 25 299.7c11.2 17.3 25.3 30.6 40.9 40.7l180 145.7c6.4 5.2 15.6 5.2 22.1 0l178.8-145.9c15-10 28.6-23 39.5-39.5c34.1-51.3 30.1-120.7-9.7-167.7"/><path fill="#FF6E83" d="M58.7 242.6c-.6 0-1.3 0-1.9-.1c-12.9-1.1-22.5-12.4-21.5-25.3c3.8-45.9 36.5-83.5 81.5-93.5c12.6-2.8 25.2 5.1 28 17.8c2.8 12.6-5.1 25.2-17.8 28c-24.8 5.5-42.9 26.3-45 51.6c-1 12.2-11.2 21.5-23.3 21.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M476.6 133c-53.7-63.5-148.7-66.5-206.3-9.1l-.2.2c-8 8-20.5 8-28.4 0l-.2-.2c-54.6-54.8-143.3-55-198.1-.4C-3.2 169.8-10.9 244.6 25 299.7c11.2 17.3 25.3 30.6 40.9 40.7l180 145.7c6.4 5.2 15.6 5.2 22.1 0l178.8-145.9c15-10 28.6-23 39.5-39.5c34.1-51.3 30.1-120.7-9.7-167.7"/><path fill="#FF6E83" d="M58.7 242.6c-.6 0-1.3 0-1.9-.1c-12.9-1.1-22.5-12.4-21.5-25.3c3.8-45.9 36.5-83.5 81.5-93.5c12.6-2.8 25.2 5.1 28 17.8c2.8 12.6-5.1 25.2-17.8 28c-24.8 5.5-42.9 26.3-45 51.6c-1 12.2-11.2 21.5-23.3 21.5"/></svg>
</template>

CSS

.icon-redheart {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M476.6%20133c-53.7-63.5-148.7-66.5-206.3-9.1l-.2.2c-8%208-20.5%208-28.4%200l-.2-.2c-54.6-54.8-143.3-55-198.1-.4C-3.2%20169.8-10.9%20244.6%2025%20299.7c11.2%2017.3%2025.3%2030.6%2040.9%2040.7l180%20145.7c6.4%205.2%2015.6%205.2%2022.1%200l178.8-145.9c15-10%2028.6-23%2039.5-39.5c34.1-51.3%2030.1-120.7-9.7-167.7%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M58.7%20242.6c-.6%200-1.3%200-1.9-.1c-12.9-1.1-22.5-12.4-21.5-25.3c3.8-45.9%2036.5-83.5%2081.5-93.5c12.6-2.8%2025.2%205.1%2028%2017.8c2.8%2012.6-5.1%2025.2-17.8%2028c-24.8%205.5-42.9%2026.3-45%2051.6c-1%2012.2-11.2%2021.5-23.3%2021.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%20512%20512%22%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M476.6%20133c-53.7-63.5-148.7-66.5-206.3-9.1l-.2.2c-8%208-20.5%208-28.4%200l-.2-.2c-54.6-54.8-143.3-55-198.1-.4C-3.2%20169.8-10.9%20244.6%2025%20299.7c11.2%2017.3%2025.3%2030.6%2040.9%2040.7l180%20145.7c6.4%205.2%2015.6%205.2%2022.1%200l178.8-145.9c15-10%2028.6-23%2039.5-39.5c34.1-51.3%2030.1-120.7-9.7-167.7%22%2F%3E%3Cpath%20fill%3D%22%23FF6E83%22%20d%3D%22M58.7%20242.6c-.6%200-1.3%200-1.9-.1c-12.9-1.1-22.5-12.4-21.5-25.3c3.8-45.9%2036.5-83.5%2081.5-93.5c12.6-2.8%2025.2%205.1%2028%2017.8c2.8%2012.6-5.1%2025.2-17.8%2028c-24.8%205.5-42.9%2026.3-45%2051.6c-1%2012.2-11.2%2021.5-23.3%2021.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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