face grin hearts icon

face-grin-hearts from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name
face-grin-hearts
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

face-grin-heartsFont Awesome 6 Regularface-grin-heartsFont Awesome 6 Solidface-grin-heartsFont Awesome Regular

Related icons in Font Awesome Solid

face-angryface-dizzyface-flushedface-frownface-frown-openface-grimaceface-grinface-grin-beamface-grin-beam-sweatface-grin-squintface-grin-squint-tearsface-grin-starsface-grin-tearsface-grin-tongueface-grin-tongue-squintface-grin-tongue-winkface-grin-wideface-grin-winkface-kissface-kiss-beamface-kiss-wink-heartface-laughface-laugh-beamface-laugh-squint

Use the face grin hearts icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256c0-23.3-3.1-45.9-8.9-67.3c5.5-13.5 8.9-28.4 8.9-44.7c0-53-43-96-96-96h-2.9c-2.5 0-5 .1-7.4.3C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c-2.5-.2-4.9-.3-7.4-.3H160c-53 0-96 43-96 96c0 16.3 3.5 31.2 8.9 44.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256m130.7-187.1c11.9-3.7 23.9 6.3 19.6 18.1C447.9 468.3 389 512.1 320 512.1s-127.9-43.9-150.3-105.2c-4.3-11.8 7.7-21.8 19.6-18.1C228.5 401 273 407.9 320 407.9s91.5-6.9 130.7-19.1zM386.9 160c13.5 0 26.5 5.4 36 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48zm-188 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48h2.9c13.5 0 26.5 5.4 36 14.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidFaceGrinHearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256c0-23.3-3.1-45.9-8.9-67.3c5.5-13.5 8.9-28.4 8.9-44.7c0-53-43-96-96-96h-2.9c-2.5 0-5 .1-7.4.3C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c-2.5-.2-4.9-.3-7.4-.3H160c-53 0-96 43-96 96c0 16.3 3.5 31.2 8.9 44.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256m130.7-187.1c11.9-3.7 23.9 6.3 19.6 18.1C447.9 468.3 389 512.1 320 512.1s-127.9-43.9-150.3-105.2c-4.3-11.8 7.7-21.8 19.6-18.1C228.5 401 273 407.9 320 407.9s91.5-6.9 130.7-19.1zM386.9 160c13.5 0 26.5 5.4 36 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48zm-188 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48h2.9c13.5 0 26.5 5.4 36 14.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256c0-23.3-3.1-45.9-8.9-67.3c5.5-13.5 8.9-28.4 8.9-44.7c0-53-43-96-96-96h-2.9c-2.5 0-5 .1-7.4.3C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c-2.5-.2-4.9-.3-7.4-.3H160c-53 0-96 43-96 96c0 16.3 3.5 31.2 8.9 44.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256m130.7-187.1c11.9-3.7 23.9 6.3 19.6 18.1C447.9 468.3 389 512.1 320 512.1s-127.9-43.9-150.3-105.2c-4.3-11.8 7.7-21.8 19.6-18.1C228.5 401 273 407.9 320 407.9s91.5-6.9 130.7-19.1zM386.9 160c13.5 0 26.5 5.4 36 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48zm-188 14.9l9.1 9.1l9.1-9.1c9.5-9.5 22.5-14.9 36-14.9h2.9c26.5 0 48 21.5 48 48c0 53.4-66.9 95.7-89 108.2c-4.4 2.5-9.6 2.5-14 0c-22.1-12.5-89-54.8-89-108.2c0-26.5 21.5-48 48-48h2.9c13.5 0 26.5 5.4 36 14.9"/></svg>
</template>

CSS

.icon-face-grin-hearts {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256c0-23.3-3.1-45.9-8.9-67.3c5.5-13.5%208.9-28.4%208.9-44.7c0-53-43-96-96-96h-2.9c-2.5%200-5%20.1-7.4.3C427.6%2081.9%20375.9%2064%20320%2064s-107.6%2017.9-149.7%2048.3c-2.5-.2-4.9-.3-7.4-.3H160c-53%200-96%2043-96%2096c0%2016.3%203.5%2031.2%208.9%2044.7c-5.8%2021.4-8.9%2044-8.9%2067.3c0%20141.4%20114.6%20256%20256%20256m130.7-187.1c11.9-3.7%2023.9%206.3%2019.6%2018.1C447.9%20468.3%20389%20512.1%20320%20512.1s-127.9-43.9-150.3-105.2c-4.3-11.8%207.7-21.8%2019.6-18.1C228.5%20401%20273%20407.9%20320%20407.9s91.5-6.9%20130.7-19.1zM386.9%20160c13.5%200%2026.5%205.4%2036%2014.9l9.1%209.1l9.1-9.1c9.5-9.5%2022.5-14.9%2036-14.9h2.9c26.5%200%2048%2021.5%2048%2048c0%2053.4-66.9%2095.7-89%20108.2c-4.4%202.5-9.6%202.5-14%200c-22.1-12.5-89-54.8-89-108.2c0-26.5%2021.5-48%2048-48zm-188%2014.9l9.1%209.1l9.1-9.1c9.5-9.5%2022.5-14.9%2036-14.9h2.9c26.5%200%2048%2021.5%2048%2048c0%2053.4-66.9%2095.7-89%20108.2c-4.4%202.5-9.6%202.5-14%200c-22.1-12.5-89-54.8-89-108.2c0-26.5%2021.5-48%2048-48h2.9c13.5%200%2026.5%205.4%2036%2014.9%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256c0-23.3-3.1-45.9-8.9-67.3c5.5-13.5%208.9-28.4%208.9-44.7c0-53-43-96-96-96h-2.9c-2.5%200-5%20.1-7.4.3C427.6%2081.9%20375.9%2064%20320%2064s-107.6%2017.9-149.7%2048.3c-2.5-.2-4.9-.3-7.4-.3H160c-53%200-96%2043-96%2096c0%2016.3%203.5%2031.2%208.9%2044.7c-5.8%2021.4-8.9%2044-8.9%2067.3c0%20141.4%20114.6%20256%20256%20256m130.7-187.1c11.9-3.7%2023.9%206.3%2019.6%2018.1C447.9%20468.3%20389%20512.1%20320%20512.1s-127.9-43.9-150.3-105.2c-4.3-11.8%207.7-21.8%2019.6-18.1C228.5%20401%20273%20407.9%20320%20407.9s91.5-6.9%20130.7-19.1zM386.9%20160c13.5%200%2026.5%205.4%2036%2014.9l9.1%209.1l9.1-9.1c9.5-9.5%2022.5-14.9%2036-14.9h2.9c26.5%200%2048%2021.5%2048%2048c0%2053.4-66.9%2095.7-89%20108.2c-4.4%202.5-9.6%202.5-14%200c-22.1-12.5-89-54.8-89-108.2c0-26.5%2021.5-48%2048-48zm-188%2014.9l9.1%209.1l9.1-9.1c9.5-9.5%2022.5-14.9%2036-14.9h2.9c26.5%200%2048%2021.5%2048%2048c0%2053.4-66.9%2095.7-89%20108.2c-4.4%202.5-9.6%202.5-14%200c-22.1-12.5-89-54.8-89-108.2c0-26.5%2021.5-48%2048-48h2.9c13.5%200%2026.5%205.4%2036%2014.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/face-grin-hearts.svg?color=%231a73e8&size=48