heartribbon emoji

More objects icons from Firefox OS Emoji

Use the heartribbon emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M488.293 270.397c-11.069 16.67-24.745 29.844-39.883 39.886l-180.374 147.13a17.64 17.64 0 0 1-22.251.042L64.28 310.535c-15.7-10.215-29.892-23.684-41.218-41.085c-36.19-55.598-28.492-131.013 18.55-177.79c55.301-54.989 144.694-54.82 199.785.429l.204.205c8.002 8.065 20.655 8.081 28.684.043l.163-.162c58.094-57.927 153.929-54.856 208.079 9.156c40.104 47.409 44.116 117.334 9.766 169.066"/><path fill="#FFD469" d="M512 174.077v57.765c0 6.96-5.642 12.601-12.601 12.601H253.731a75 75 0 0 1-1.898 3.641c-2.82 5.047-6.417 9.911-10.146 14.014c0 0-1.102 1.198-3.167 2.44c-2.062 1.261-5.105 2.455-8.907 2.947c-3.81.44-8.382.163-13.449-1.181l-7.846-2.295c-2.696-.93-5.401-1.668-8.168-2.788l-8.221-3.121c-2.703-.978-5.432-2.363-8.035-3.475a105 105 0 0 1-6.245-2.94v163.96c0 13.562-14.385 19.901-22.062 9.722l-19.989-26.5c-2.642-3.503-6.966-3.503-9.608 0l-19.989 26.5c-7.678 10.179-22.062 3.84-22.062-9.722v-163.96a105 105 0 0 1-6.245 2.94c-2.604 1.112-5.332 2.496-8.035 3.475l-8.221 3.121c-2.767 1.12-5.472 1.858-8.168 2.788l-7.846 2.295c-5.066 1.344-9.638 1.621-13.449 1.181c-3.802-.492-6.845-1.686-8.907-2.947c-2.065-1.242-3.167-2.44-3.167-2.44c-27.685-30.094-25.733-76.933 4.361-104.618c4.255-3.915 9.191-7.412 14.014-10.146c0 0 1.421-.794 3.77-1.329c2.353-.554 5.616-.739 9.382-.019c3.757.772 8.014 2.462 12.408 5.321l6.737 4.63c2.271 1.725 4.61 3.271 6.889 5.198l6.836 5.531c2.263 1.773 4.422 3.94 6.549 5.81c2.125 1.879 4.162 3.796 6.067 5.79c1.906 1.98 3.741 3.649 5.377 5.554a172 172 0 0 1 7.909 9.183l2.93 3.916c6.544 8.746 7.444 19.96 3.339 29.293h28.644c-3.973-9.038-3.27-19.87 2.807-28.548c.152-.217.383-.535.54-.746l2.93-3.916c1.887-2.352 4.6-5.611 7.909-9.183c1.635-1.905 3.47-3.574 5.377-5.554c1.904-1.994 3.942-3.911 6.067-5.79c2.126-1.869 4.286-4.036 6.549-5.81l6.836-5.531c2.279-1.928 4.618-3.474 6.889-5.198l6.737-4.63c4.393-2.859 8.65-4.549 12.408-5.321c3.766-.72 7.029-.535 9.382.019c2.35.536 3.77 1.329 3.77 1.329c9.955 5.562 18.121 13.085 24.298 21.811a5.3 5.3 0 0 1 2-.396h257.062a5.33 5.33 0 0 1 5.326 5.329"/><path fill="#FFB636" d="M166.308 222.212c0 19.613-15.9 35.513-35.513 35.513s-35.513-15.9-35.513-35.513s15.9-35.513 35.513-35.513s35.513 15.9 35.513 35.513"/><path fill="#FFE1AB" d="M110.201 217.817a5.5 5.5 0 0 1-5.082-7.6a25.2 25.2 0 0 1 10.581-12.186a5.5 5.5 0 1 1 5.586 9.476a14.3 14.3 0 0 0-5.999 6.908a5.5 5.5 0 0 1-5.086 3.402"/></svg>

import type { SVGProps } from "react";

export function FxemojiHeartribbon(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="M488.293 270.397c-11.069 16.67-24.745 29.844-39.883 39.886l-180.374 147.13a17.64 17.64 0 0 1-22.251.042L64.28 310.535c-15.7-10.215-29.892-23.684-41.218-41.085c-36.19-55.598-28.492-131.013 18.55-177.79c55.301-54.989 144.694-54.82 199.785.429l.204.205c8.002 8.065 20.655 8.081 28.684.043l.163-.162c58.094-57.927 153.929-54.856 208.079 9.156c40.104 47.409 44.116 117.334 9.766 169.066"/><path fill="#FFD469" d="M512 174.077v57.765c0 6.96-5.642 12.601-12.601 12.601H253.731a75 75 0 0 1-1.898 3.641c-2.82 5.047-6.417 9.911-10.146 14.014c0 0-1.102 1.198-3.167 2.44c-2.062 1.261-5.105 2.455-8.907 2.947c-3.81.44-8.382.163-13.449-1.181l-7.846-2.295c-2.696-.93-5.401-1.668-8.168-2.788l-8.221-3.121c-2.703-.978-5.432-2.363-8.035-3.475a105 105 0 0 1-6.245-2.94v163.96c0 13.562-14.385 19.901-22.062 9.722l-19.989-26.5c-2.642-3.503-6.966-3.503-9.608 0l-19.989 26.5c-7.678 10.179-22.062 3.84-22.062-9.722v-163.96a105 105 0 0 1-6.245 2.94c-2.604 1.112-5.332 2.496-8.035 3.475l-8.221 3.121c-2.767 1.12-5.472 1.858-8.168 2.788l-7.846 2.295c-5.066 1.344-9.638 1.621-13.449 1.181c-3.802-.492-6.845-1.686-8.907-2.947c-2.065-1.242-3.167-2.44-3.167-2.44c-27.685-30.094-25.733-76.933 4.361-104.618c4.255-3.915 9.191-7.412 14.014-10.146c0 0 1.421-.794 3.77-1.329c2.353-.554 5.616-.739 9.382-.019c3.757.772 8.014 2.462 12.408 5.321l6.737 4.63c2.271 1.725 4.61 3.271 6.889 5.198l6.836 5.531c2.263 1.773 4.422 3.94 6.549 5.81c2.125 1.879 4.162 3.796 6.067 5.79c1.906 1.98 3.741 3.649 5.377 5.554a172 172 0 0 1 7.909 9.183l2.93 3.916c6.544 8.746 7.444 19.96 3.339 29.293h28.644c-3.973-9.038-3.27-19.87 2.807-28.548c.152-.217.383-.535.54-.746l2.93-3.916c1.887-2.352 4.6-5.611 7.909-9.183c1.635-1.905 3.47-3.574 5.377-5.554c1.904-1.994 3.942-3.911 6.067-5.79c2.126-1.869 4.286-4.036 6.549-5.81l6.836-5.531c2.279-1.928 4.618-3.474 6.889-5.198l6.737-4.63c4.393-2.859 8.65-4.549 12.408-5.321c3.766-.72 7.029-.535 9.382.019c2.35.536 3.77 1.329 3.77 1.329c9.955 5.562 18.121 13.085 24.298 21.811a5.3 5.3 0 0 1 2-.396h257.062a5.33 5.33 0 0 1 5.326 5.329"/><path fill="#FFB636" d="M166.308 222.212c0 19.613-15.9 35.513-35.513 35.513s-35.513-15.9-35.513-35.513s15.9-35.513 35.513-35.513s35.513 15.9 35.513 35.513"/><path fill="#FFE1AB" d="M110.201 217.817a5.5 5.5 0 0 1-5.082-7.6a25.2 25.2 0 0 1 10.581-12.186a5.5 5.5 0 1 1 5.586 9.476a14.3 14.3 0 0 0-5.999 6.908a5.5 5.5 0 0 1-5.086 3.402"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FF473E" d="M488.293 270.397c-11.069 16.67-24.745 29.844-39.883 39.886l-180.374 147.13a17.64 17.64 0 0 1-22.251.042L64.28 310.535c-15.7-10.215-29.892-23.684-41.218-41.085c-36.19-55.598-28.492-131.013 18.55-177.79c55.301-54.989 144.694-54.82 199.785.429l.204.205c8.002 8.065 20.655 8.081 28.684.043l.163-.162c58.094-57.927 153.929-54.856 208.079 9.156c40.104 47.409 44.116 117.334 9.766 169.066"/><path fill="#FFD469" d="M512 174.077v57.765c0 6.96-5.642 12.601-12.601 12.601H253.731a75 75 0 0 1-1.898 3.641c-2.82 5.047-6.417 9.911-10.146 14.014c0 0-1.102 1.198-3.167 2.44c-2.062 1.261-5.105 2.455-8.907 2.947c-3.81.44-8.382.163-13.449-1.181l-7.846-2.295c-2.696-.93-5.401-1.668-8.168-2.788l-8.221-3.121c-2.703-.978-5.432-2.363-8.035-3.475a105 105 0 0 1-6.245-2.94v163.96c0 13.562-14.385 19.901-22.062 9.722l-19.989-26.5c-2.642-3.503-6.966-3.503-9.608 0l-19.989 26.5c-7.678 10.179-22.062 3.84-22.062-9.722v-163.96a105 105 0 0 1-6.245 2.94c-2.604 1.112-5.332 2.496-8.035 3.475l-8.221 3.121c-2.767 1.12-5.472 1.858-8.168 2.788l-7.846 2.295c-5.066 1.344-9.638 1.621-13.449 1.181c-3.802-.492-6.845-1.686-8.907-2.947c-2.065-1.242-3.167-2.44-3.167-2.44c-27.685-30.094-25.733-76.933 4.361-104.618c4.255-3.915 9.191-7.412 14.014-10.146c0 0 1.421-.794 3.77-1.329c2.353-.554 5.616-.739 9.382-.019c3.757.772 8.014 2.462 12.408 5.321l6.737 4.63c2.271 1.725 4.61 3.271 6.889 5.198l6.836 5.531c2.263 1.773 4.422 3.94 6.549 5.81c2.125 1.879 4.162 3.796 6.067 5.79c1.906 1.98 3.741 3.649 5.377 5.554a172 172 0 0 1 7.909 9.183l2.93 3.916c6.544 8.746 7.444 19.96 3.339 29.293h28.644c-3.973-9.038-3.27-19.87 2.807-28.548c.152-.217.383-.535.54-.746l2.93-3.916c1.887-2.352 4.6-5.611 7.909-9.183c1.635-1.905 3.47-3.574 5.377-5.554c1.904-1.994 3.942-3.911 6.067-5.79c2.126-1.869 4.286-4.036 6.549-5.81l6.836-5.531c2.279-1.928 4.618-3.474 6.889-5.198l6.737-4.63c4.393-2.859 8.65-4.549 12.408-5.321c3.766-.72 7.029-.535 9.382.019c2.35.536 3.77 1.329 3.77 1.329c9.955 5.562 18.121 13.085 24.298 21.811a5.3 5.3 0 0 1 2-.396h257.062a5.33 5.33 0 0 1 5.326 5.329"/><path fill="#FFB636" d="M166.308 222.212c0 19.613-15.9 35.513-35.513 35.513s-35.513-15.9-35.513-35.513s15.9-35.513 35.513-35.513s35.513 15.9 35.513 35.513"/><path fill="#FFE1AB" d="M110.201 217.817a5.5 5.5 0 0 1-5.082-7.6a25.2 25.2 0 0 1 10.581-12.186a5.5 5.5 0 1 1 5.586 9.476a14.3 14.3 0 0 0-5.999 6.908a5.5 5.5 0 0 1-5.086 3.402"/></svg>
</template>

.icon-heartribbon {
  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%22M488.293%20270.397c-11.069%2016.67-24.745%2029.844-39.883%2039.886l-180.374%20147.13a17.64%2017.64%200%200%201-22.251.042L64.28%20310.535c-15.7-10.215-29.892-23.684-41.218-41.085c-36.19-55.598-28.492-131.013%2018.55-177.79c55.301-54.989%20144.694-54.82%20199.785.429l.204.205c8.002%208.065%2020.655%208.081%2028.684.043l.163-.162c58.094-57.927%20153.929-54.856%20208.079%209.156c40.104%2047.409%2044.116%20117.334%209.766%20169.066%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M512%20174.077v57.765c0%206.96-5.642%2012.601-12.601%2012.601H253.731a75%2075%200%200%201-1.898%203.641c-2.82%205.047-6.417%209.911-10.146%2014.014c0%200-1.102%201.198-3.167%202.44c-2.062%201.261-5.105%202.455-8.907%202.947c-3.81.44-8.382.163-13.449-1.181l-7.846-2.295c-2.696-.93-5.401-1.668-8.168-2.788l-8.221-3.121c-2.703-.978-5.432-2.363-8.035-3.475a105%20105%200%200%201-6.245-2.94v163.96c0%2013.562-14.385%2019.901-22.062%209.722l-19.989-26.5c-2.642-3.503-6.966-3.503-9.608%200l-19.989%2026.5c-7.678%2010.179-22.062%203.84-22.062-9.722v-163.96a105%20105%200%200%201-6.245%202.94c-2.604%201.112-5.332%202.496-8.035%203.475l-8.221%203.121c-2.767%201.12-5.472%201.858-8.168%202.788l-7.846%202.295c-5.066%201.344-9.638%201.621-13.449%201.181c-3.802-.492-6.845-1.686-8.907-2.947c-2.065-1.242-3.167-2.44-3.167-2.44c-27.685-30.094-25.733-76.933%204.361-104.618c4.255-3.915%209.191-7.412%2014.014-10.146c0%200%201.421-.794%203.77-1.329c2.353-.554%205.616-.739%209.382-.019c3.757.772%208.014%202.462%2012.408%205.321l6.737%204.63c2.271%201.725%204.61%203.271%206.889%205.198l6.836%205.531c2.263%201.773%204.422%203.94%206.549%205.81c2.125%201.879%204.162%203.796%206.067%205.79c1.906%201.98%203.741%203.649%205.377%205.554a172%20172%200%200%201%207.909%209.183l2.93%203.916c6.544%208.746%207.444%2019.96%203.339%2029.293h28.644c-3.973-9.038-3.27-19.87%202.807-28.548c.152-.217.383-.535.54-.746l2.93-3.916c1.887-2.352%204.6-5.611%207.909-9.183c1.635-1.905%203.47-3.574%205.377-5.554c1.904-1.994%203.942-3.911%206.067-5.79c2.126-1.869%204.286-4.036%206.549-5.81l6.836-5.531c2.279-1.928%204.618-3.474%206.889-5.198l6.737-4.63c4.393-2.859%208.65-4.549%2012.408-5.321c3.766-.72%207.029-.535%209.382.019c2.35.536%203.77%201.329%203.77%201.329c9.955%205.562%2018.121%2013.085%2024.298%2021.811a5.3%205.3%200%200%201%202-.396h257.062a5.33%205.33%200%200%201%205.326%205.329%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M166.308%20222.212c0%2019.613-15.9%2035.513-35.513%2035.513s-35.513-15.9-35.513-35.513s15.9-35.513%2035.513-35.513s35.513%2015.9%2035.513%2035.513%22%2F%3E%3Cpath%20fill%3D%22%23FFE1AB%22%20d%3D%22M110.201%20217.817a5.5%205.5%200%200%201-5.082-7.6a25.2%2025.2%200%200%201%2010.581-12.186a5.5%205.5%200%201%201%205.586%209.476a14.3%2014.3%200%200%200-5.999%206.908a5.5%205.5%200%200%201-5.086%203.402%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%22M488.293%20270.397c-11.069%2016.67-24.745%2029.844-39.883%2039.886l-180.374%20147.13a17.64%2017.64%200%200%201-22.251.042L64.28%20310.535c-15.7-10.215-29.892-23.684-41.218-41.085c-36.19-55.598-28.492-131.013%2018.55-177.79c55.301-54.989%20144.694-54.82%20199.785.429l.204.205c8.002%208.065%2020.655%208.081%2028.684.043l.163-.162c58.094-57.927%20153.929-54.856%20208.079%209.156c40.104%2047.409%2044.116%20117.334%209.766%20169.066%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M512%20174.077v57.765c0%206.96-5.642%2012.601-12.601%2012.601H253.731a75%2075%200%200%201-1.898%203.641c-2.82%205.047-6.417%209.911-10.146%2014.014c0%200-1.102%201.198-3.167%202.44c-2.062%201.261-5.105%202.455-8.907%202.947c-3.81.44-8.382.163-13.449-1.181l-7.846-2.295c-2.696-.93-5.401-1.668-8.168-2.788l-8.221-3.121c-2.703-.978-5.432-2.363-8.035-3.475a105%20105%200%200%201-6.245-2.94v163.96c0%2013.562-14.385%2019.901-22.062%209.722l-19.989-26.5c-2.642-3.503-6.966-3.503-9.608%200l-19.989%2026.5c-7.678%2010.179-22.062%203.84-22.062-9.722v-163.96a105%20105%200%200%201-6.245%202.94c-2.604%201.112-5.332%202.496-8.035%203.475l-8.221%203.121c-2.767%201.12-5.472%201.858-8.168%202.788l-7.846%202.295c-5.066%201.344-9.638%201.621-13.449%201.181c-3.802-.492-6.845-1.686-8.907-2.947c-2.065-1.242-3.167-2.44-3.167-2.44c-27.685-30.094-25.733-76.933%204.361-104.618c4.255-3.915%209.191-7.412%2014.014-10.146c0%200%201.421-.794%203.77-1.329c2.353-.554%205.616-.739%209.382-.019c3.757.772%208.014%202.462%2012.408%205.321l6.737%204.63c2.271%201.725%204.61%203.271%206.889%205.198l6.836%205.531c2.263%201.773%204.422%203.94%206.549%205.81c2.125%201.879%204.162%203.796%206.067%205.79c1.906%201.98%203.741%203.649%205.377%205.554a172%20172%200%200%201%207.909%209.183l2.93%203.916c6.544%208.746%207.444%2019.96%203.339%2029.293h28.644c-3.973-9.038-3.27-19.87%202.807-28.548c.152-.217.383-.535.54-.746l2.93-3.916c1.887-2.352%204.6-5.611%207.909-9.183c1.635-1.905%203.47-3.574%205.377-5.554c1.904-1.994%203.942-3.911%206.067-5.79c2.126-1.869%204.286-4.036%206.549-5.81l6.836-5.531c2.279-1.928%204.618-3.474%206.889-5.198l6.737-4.63c4.393-2.859%208.65-4.549%2012.408-5.321c3.766-.72%207.029-.535%209.382.019c2.35.536%203.77%201.329%203.77%201.329c9.955%205.562%2018.121%2013.085%2024.298%2021.811a5.3%205.3%200%200%201%202-.396h257.062a5.33%205.33%200%200%201%205.326%205.329%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M166.308%20222.212c0%2019.613-15.9%2035.513-35.513%2035.513s-35.513-15.9-35.513-35.513s15.9-35.513%2035.513-35.513s35.513%2015.9%2035.513%2035.513%22%2F%3E%3Cpath%20fill%3D%22%23FFE1AB%22%20d%3D%22M110.201%20217.817a5.5%205.5%200%200%201-5.082-7.6a25.2%2025.2%200%200%201%2010.581-12.186a5.5%205.5%200%201%201%205.586%209.476a14.3%2014.3%200%200%200-5.999%206.908a5.5%205.5%200%200%201-5.086%203.402%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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