face grin hearts icon
face-grin-hearts from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- face-grin-hearts
- Set
- Font Awesome Regular
- Style
- Regular
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Regular
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="M528 320c0 114.9-93.1 208-208 208s-208-93.1-208-208c0-3.5.1-7.1.3-10.6c-14-13.9-29.7-33.1-39.3-56.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256S576 461.4 576 320c0-23.3-3.1-45.9-8.9-67.3c-9.6 23.7-25.4 42.8-39.3 56.7c.2 3.5.3 7 .3 10.6zm-96-197.1c11.7-6 24.5-9.6 37.7-10.6C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c13.2 1 26 4.6 37.7 10.6c13.8-7.1 29.3-10.9 45.1-10.9h2.9c8.9 0 17.6 1.2 25.8 3.5c12.4-2.3 25.2-3.5 38.2-3.5s25.8 1.2 38.2 3.5c8.2-2.3 16.9-3.5 25.8-3.5h2.9c15.8 0 31.3 3.8 45.1 10.9m4.2 243.4c-34.8 10.6-74.3 16.6-116.3 16.6c-41.9 0-81.4-6-116.1-16.5c-11.8-3.6-23.7 6.1-19.6 17.8c19.8 55.9 73.1 95.9 135.8 95.9s116-40.1 135.8-96c4.1-11.6-7.8-21.4-19.6-17.8M386.9 160H384c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L432 184l-9.1-9.1c-9.5-9.5-22.5-14.9-36-14.9m-188 14.9c-9.5-9.5-22.5-14.9-36-14.9H160c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L208 184z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularFaceGrinHearts(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="M528 320c0 114.9-93.1 208-208 208s-208-93.1-208-208c0-3.5.1-7.1.3-10.6c-14-13.9-29.7-33.1-39.3-56.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256S576 461.4 576 320c0-23.3-3.1-45.9-8.9-67.3c-9.6 23.7-25.4 42.8-39.3 56.7c.2 3.5.3 7 .3 10.6zm-96-197.1c11.7-6 24.5-9.6 37.7-10.6C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c13.2 1 26 4.6 37.7 10.6c13.8-7.1 29.3-10.9 45.1-10.9h2.9c8.9 0 17.6 1.2 25.8 3.5c12.4-2.3 25.2-3.5 38.2-3.5s25.8 1.2 38.2 3.5c8.2-2.3 16.9-3.5 25.8-3.5h2.9c15.8 0 31.3 3.8 45.1 10.9m4.2 243.4c-34.8 10.6-74.3 16.6-116.3 16.6c-41.9 0-81.4-6-116.1-16.5c-11.8-3.6-23.7 6.1-19.6 17.8c19.8 55.9 73.1 95.9 135.8 95.9s116-40.1 135.8-96c4.1-11.6-7.8-21.4-19.6-17.8M386.9 160H384c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L432 184l-9.1-9.1c-9.5-9.5-22.5-14.9-36-14.9m-188 14.9c-9.5-9.5-22.5-14.9-36-14.9H160c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L208 184z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 320c0 114.9-93.1 208-208 208s-208-93.1-208-208c0-3.5.1-7.1.3-10.6c-14-13.9-29.7-33.1-39.3-56.7c-5.8 21.4-8.9 44-8.9 67.3c0 141.4 114.6 256 256 256S576 461.4 576 320c0-23.3-3.1-45.9-8.9-67.3c-9.6 23.7-25.4 42.8-39.3 56.7c.2 3.5.3 7 .3 10.6zm-96-197.1c11.7-6 24.5-9.6 37.7-10.6C427.6 81.9 375.9 64 320 64s-107.6 17.9-149.7 48.3c13.2 1 26 4.6 37.7 10.6c13.8-7.1 29.3-10.9 45.1-10.9h2.9c8.9 0 17.6 1.2 25.8 3.5c12.4-2.3 25.2-3.5 38.2-3.5s25.8 1.2 38.2 3.5c8.2-2.3 16.9-3.5 25.8-3.5h2.9c15.8 0 31.3 3.8 45.1 10.9m4.2 243.4c-34.8 10.6-74.3 16.6-116.3 16.6c-41.9 0-81.4-6-116.1-16.5c-11.8-3.6-23.7 6.1-19.6 17.8c19.8 55.9 73.1 95.9 135.8 95.9s116-40.1 135.8-96c4.1-11.6-7.8-21.4-19.6-17.8M386.9 160H384c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L432 184l-9.1-9.1c-9.5-9.5-22.5-14.9-36-14.9m-188 14.9c-9.5-9.5-22.5-14.9-36-14.9H160c-26.5 0-48 21.5-48 48c0 53.4 66.9 95.7 89 108.2c4.4 2.5 9.6 2.5 14 0c22.1-12.5 89-54.8 89-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5 0-26.5 5.4-36 14.9L208 184z"/></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%22M528%20320c0%20114.9-93.1%20208-208%20208s-208-93.1-208-208c0-3.5.1-7.1.3-10.6c-14-13.9-29.7-33.1-39.3-56.7c-5.8%2021.4-8.9%2044-8.9%2067.3c0%20141.4%20114.6%20256%20256%20256S576%20461.4%20576%20320c0-23.3-3.1-45.9-8.9-67.3c-9.6%2023.7-25.4%2042.8-39.3%2056.7c.2%203.5.3%207%20.3%2010.6zm-96-197.1c11.7-6%2024.5-9.6%2037.7-10.6C427.6%2081.9%20375.9%2064%20320%2064s-107.6%2017.9-149.7%2048.3c13.2%201%2026%204.6%2037.7%2010.6c13.8-7.1%2029.3-10.9%2045.1-10.9h2.9c8.9%200%2017.6%201.2%2025.8%203.5c12.4-2.3%2025.2-3.5%2038.2-3.5s25.8%201.2%2038.2%203.5c8.2-2.3%2016.9-3.5%2025.8-3.5h2.9c15.8%200%2031.3%203.8%2045.1%2010.9m4.2%20243.4c-34.8%2010.6-74.3%2016.6-116.3%2016.6c-41.9%200-81.4-6-116.1-16.5c-11.8-3.6-23.7%206.1-19.6%2017.8c19.8%2055.9%2073.1%2095.9%20135.8%2095.9s116-40.1%20135.8-96c4.1-11.6-7.8-21.4-19.6-17.8M386.9%20160H384c-26.5%200-48%2021.5-48%2048c0%2053.4%2066.9%2095.7%2089%20108.2c4.4%202.5%209.6%202.5%2014%200c22.1-12.5%2089-54.8%2089-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5%200-26.5%205.4-36%2014.9L432%20184l-9.1-9.1c-9.5-9.5-22.5-14.9-36-14.9m-188%2014.9c-9.5-9.5-22.5-14.9-36-14.9H160c-26.5%200-48%2021.5-48%2048c0%2053.4%2066.9%2095.7%2089%20108.2c4.4%202.5%209.6%202.5%2014%200c22.1-12.5%2089-54.8%2089-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5%200-26.5%205.4-36%2014.9L208%20184z%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%22M528%20320c0%20114.9-93.1%20208-208%20208s-208-93.1-208-208c0-3.5.1-7.1.3-10.6c-14-13.9-29.7-33.1-39.3-56.7c-5.8%2021.4-8.9%2044-8.9%2067.3c0%20141.4%20114.6%20256%20256%20256S576%20461.4%20576%20320c0-23.3-3.1-45.9-8.9-67.3c-9.6%2023.7-25.4%2042.8-39.3%2056.7c.2%203.5.3%207%20.3%2010.6zm-96-197.1c11.7-6%2024.5-9.6%2037.7-10.6C427.6%2081.9%20375.9%2064%20320%2064s-107.6%2017.9-149.7%2048.3c13.2%201%2026%204.6%2037.7%2010.6c13.8-7.1%2029.3-10.9%2045.1-10.9h2.9c8.9%200%2017.6%201.2%2025.8%203.5c12.4-2.3%2025.2-3.5%2038.2-3.5s25.8%201.2%2038.2%203.5c8.2-2.3%2016.9-3.5%2025.8-3.5h2.9c15.8%200%2031.3%203.8%2045.1%2010.9m4.2%20243.4c-34.8%2010.6-74.3%2016.6-116.3%2016.6c-41.9%200-81.4-6-116.1-16.5c-11.8-3.6-23.7%206.1-19.6%2017.8c19.8%2055.9%2073.1%2095.9%20135.8%2095.9s116-40.1%20135.8-96c4.1-11.6-7.8-21.4-19.6-17.8M386.9%20160H384c-26.5%200-48%2021.5-48%2048c0%2053.4%2066.9%2095.7%2089%20108.2c4.4%202.5%209.6%202.5%2014%200c22.1-12.5%2089-54.8%2089-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5%200-26.5%205.4-36%2014.9L432%20184l-9.1-9.1c-9.5-9.5-22.5-14.9-36-14.9m-188%2014.9c-9.5-9.5-22.5-14.9-36-14.9H160c-26.5%200-48%2021.5-48%2048c0%2053.4%2066.9%2095.7%2089%20108.2c4.4%202.5%209.6%202.5%2014%200c22.1-12.5%2089-54.8%2089-108.2c0-26.5-21.5-48-48-48h-2.9c-13.5%200-26.5%205.4-36%2014.9L208%20184z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/face-grin-hearts.svg?color=%231a73e8&size=48
