heartdecoration emoji

More symbols icons from Firefox OS Emoji

Use the heartdecoration emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF5FD2" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#EF2EC2" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M446.399 174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101 6.095c-3.153 3.15-8.309 2.916-11.192-.483a96 96 0 0 0-5.21-5.678c-51.945-52.094-143.26-40.971-178.395 33.479c-10.276 21.774-12.275 46.64-5.844 69.842c8.65 31.207 26.117 52.28 47.039 65.893l145.627 117.879a5.7 5.7 0 0 0 7.193-.014l144.736-118.06c19.209-12.742 35.377-31.993 44.611-58.995c8.275-24.191 7.253-50.746-3.247-74.058"/></svg>

import type { SVGProps } from "react";

export function FxemojiHeartdecoration(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF5FD2" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#EF2EC2" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M446.399 174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101 6.095c-3.153 3.15-8.309 2.916-11.192-.483a96 96 0 0 0-5.21-5.678c-51.945-52.094-143.26-40.971-178.395 33.479c-10.276 21.774-12.275 46.64-5.844 69.842c8.65 31.207 26.117 52.28 47.039 65.893l145.627 117.879a5.7 5.7 0 0 0 7.193-.014l144.736-118.06c19.209-12.742 35.377-31.993 44.611-58.995c8.275-24.191 7.253-50.746-3.247-74.058"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF5FD2" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#EF2EC2" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#FFF" d="M446.399 174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101 6.095c-3.153 3.15-8.309 2.916-11.192-.483a96 96 0 0 0-5.21-5.678c-51.945-52.094-143.26-40.971-178.395 33.479c-10.276 21.774-12.275 46.64-5.844 69.842c8.65 31.207 26.117 52.28 47.039 65.893l145.627 117.879a5.7 5.7 0 0 0 7.193-.014l144.736-118.06c19.209-12.742 35.377-31.993 44.611-58.995c8.275-24.191 7.253-50.746-3.247-74.058"/></svg>
</template>

.icon-heartdecoration {
  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%23FF5FD2%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23EF2EC2%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M446.399%20174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101%206.095c-3.153%203.15-8.309%202.916-11.192-.483a96%2096%200%200%200-5.21-5.678c-51.945-52.094-143.26-40.971-178.395%2033.479c-10.276%2021.774-12.275%2046.64-5.844%2069.842c8.65%2031.207%2026.117%2052.28%2047.039%2065.893l145.627%20117.879a5.7%205.7%200%200%200%207.193-.014l144.736-118.06c19.209-12.742%2035.377-31.993%2044.611-58.995c8.275-24.191%207.253-50.746-3.247-74.058%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%23FF5FD2%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%23EF2EC2%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M446.399%20174.38c-34.356-76.279-126.697-88.268-179.217-35.9l-6.101%206.095c-3.153%203.15-8.309%202.916-11.192-.483a96%2096%200%200%200-5.21-5.678c-51.945-52.094-143.26-40.971-178.395%2033.479c-10.276%2021.774-12.275%2046.64-5.844%2069.842c8.65%2031.207%2026.117%2052.28%2047.039%2065.893l145.627%20117.879a5.7%205.7%200%200%200%207.193-.014l144.736-118.06c19.209-12.742%2035.377-31.993%2044.611-58.995c8.275-24.191%207.253-50.746-3.247-74.058%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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