face grin tears icon
face-grin-tears from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- face-grin-tears
- 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-heartsface-grin-squintface-grin-squint-tearsface-grin-starsface-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 tears icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M504.1 417c8.8 14.2 21.2 26 35.7 34.2C495.1 526 413.4 576 320 576s-175.1-50-219.8-124.8c14.6-8.2 26.9-20 35.8-34.3c34.9 66 104.2 111 184.1 111s149.2-45 184.1-111zm16.4-152.5C496.2 176.6 415.7 112 320 112s-176.2 64.6-200.5 152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4 1.9C97.2 148.3 198.8 64 320 64s222.8 84.3 249.3 197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4 5M455.8 384c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6c11.8-3.6 23.7 6.1 19.6 17.8M212 272v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28 12.5-28 28m188-28c-15.5 0-28 12.5-28 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240 120.6c0 28.4-23 51.4-51.4 51.4c-25.6 0-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6 7.5-19.6 18.1-18.1l46.7 6.7c25.3 3.6 44.1 25.3 44.1 50.9zm-640 0c0-25.6 18.8-47.3 44.1-50.9l46.8-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7C98.7 397.2 77 416 51.4 416C23 416 0 393 0 364.6"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularFaceGrinTears(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="M504.1 417c8.8 14.2 21.2 26 35.7 34.2C495.1 526 413.4 576 320 576s-175.1-50-219.8-124.8c14.6-8.2 26.9-20 35.8-34.3c34.9 66 104.2 111 184.1 111s149.2-45 184.1-111zm16.4-152.5C496.2 176.6 415.7 112 320 112s-176.2 64.6-200.5 152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4 1.9C97.2 148.3 198.8 64 320 64s222.8 84.3 249.3 197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4 5M455.8 384c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6c11.8-3.6 23.7 6.1 19.6 17.8M212 272v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28 12.5-28 28m188-28c-15.5 0-28 12.5-28 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240 120.6c0 28.4-23 51.4-51.4 51.4c-25.6 0-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6 7.5-19.6 18.1-18.1l46.7 6.7c25.3 3.6 44.1 25.3 44.1 50.9zm-640 0c0-25.6 18.8-47.3 44.1-50.9l46.8-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7C98.7 397.2 77 416 51.4 416C23 416 0 393 0 364.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M504.1 417c8.8 14.2 21.2 26 35.7 34.2C495.1 526 413.4 576 320 576s-175.1-50-219.8-124.8c14.6-8.2 26.9-20 35.8-34.3c34.9 66 104.2 111 184.1 111s149.2-45 184.1-111zm16.4-152.5C496.2 176.6 415.7 112 320 112s-176.2 64.6-200.5 152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4 1.9C97.2 148.3 198.8 64 320 64s222.8 84.3 249.3 197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4 5M455.8 384c-19.8 55.9-73.1 96-135.8 96s-116-40-135.8-95.9c-4.1-11.6 7.8-21.4 19.6-17.8c34.7 10.6 74.2 16.5 116.1 16.5c42 0 81.5-6 116.3-16.6c11.8-3.6 23.7 6.1 19.6 17.8M212 272v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28 12.5-28 28m188-28c-15.5 0-28 12.5-28 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240 120.6c0 28.4-23 51.4-51.4 51.4c-25.6 0-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6 7.5-19.6 18.1-18.1l46.7 6.7c25.3 3.6 44.1 25.3 44.1 50.9zm-640 0c0-25.6 18.8-47.3 44.1-50.9l46.8-6.7c10.6-1.5 19.6 7.5 18.1 18.1l-6.7 46.7C98.7 397.2 77 416 51.4 416C23 416 0 393 0 364.6"/></svg> </template>
CSS
.icon-face-grin-tears {
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%22M504.1%20417c8.8%2014.2%2021.2%2026%2035.7%2034.2C495.1%20526%20413.4%20576%20320%20576s-175.1-50-219.8-124.8c14.6-8.2%2026.9-20%2035.8-34.3c34.9%2066%20104.2%20111%20184.1%20111s149.2-45%20184.1-111zm16.4-152.5C496.2%20176.6%20415.7%20112%20320%20112s-176.2%2064.6-200.5%20152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4%201.9C97.2%20148.3%20198.8%2064%20320%2064s222.8%2084.3%20249.3%20197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4%205M455.8%20384c-19.8%2055.9-73.1%2096-135.8%2096s-116-40-135.8-95.9c-4.1-11.6%207.8-21.4%2019.6-17.8c34.7%2010.6%2074.2%2016.5%20116.1%2016.5c42%200%2081.5-6%20116.3-16.6c11.8-3.6%2023.7%206.1%2019.6%2017.8M212%20272v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-37.6%2030.4-68%2068-68s68%2030.4%2068%2068v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28%2012.5-28%2028m188-28c-15.5%200-28%2012.5-28%2028v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-37.6%2030.4-68%2068-68s68%2030.4%2068%2068v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240%20120.6c0%2028.4-23%2051.4-51.4%2051.4c-25.6%200-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6%207.5-19.6%2018.1-18.1l46.7%206.7c25.3%203.6%2044.1%2025.3%2044.1%2050.9zm-640%200c0-25.6%2018.8-47.3%2044.1-50.9l46.8-6.7c10.6-1.5%2019.6%207.5%2018.1%2018.1l-6.7%2046.7C98.7%20397.2%2077%20416%2051.4%20416C23%20416%200%20393%200%20364.6%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%22M504.1%20417c8.8%2014.2%2021.2%2026%2035.7%2034.2C495.1%20526%20413.4%20576%20320%20576s-175.1-50-219.8-124.8c14.6-8.2%2026.9-20%2035.8-34.3c34.9%2066%20104.2%20111%20184.1%20111s149.2-45%20184.1-111zm16.4-152.5C496.2%20176.6%20415.7%20112%20320%20112s-176.2%2064.6-200.5%20152.5c-10.6-4.8-22.7-6.8-35.4-5l-13.4%201.9C97.2%20148.3%20198.8%2064%20320%2064s222.8%2084.3%20249.3%20197.4l-13.4-1.9c-12.7-1.8-24.8.2-35.4%205M455.8%20384c-19.8%2055.9-73.1%2096-135.8%2096s-116-40-135.8-95.9c-4.1-11.6%207.8-21.4%2019.6-17.8c34.7%2010.6%2074.2%2016.5%20116.1%2016.5c42%200%2081.5-6%20116.3-16.6c11.8-3.6%2023.7%206.1%2019.6%2017.8M212%20272v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-37.6%2030.4-68%2068-68s68%2030.4%2068%2068v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28%2012.5-28%2028m188-28c-15.5%200-28%2012.5-28%2028v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-37.6%2030.4-68%2068-68s68%2030.4%2068%2068v8c0%2011-9%2020-20%2020s-20-9-20-20v-8c0-15.5-12.5-28-28-28m240%20120.6c0%2028.4-23%2051.4-51.4%2051.4c-25.6%200-47.3-18.8-50.9-44.1l-6.7-46.8c-1.5-10.6%207.5-19.6%2018.1-18.1l46.7%206.7c25.3%203.6%2044.1%2025.3%2044.1%2050.9zm-640%200c0-25.6%2018.8-47.3%2044.1-50.9l46.8-6.7c10.6-1.5%2019.6%207.5%2018.1%2018.1l-6.7%2046.7C98.7%20397.2%2077%20416%2051.4%20416C23%20416%200%20393%200%20364.6%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-tears.svg?color=%231a73e8&size=48
