face grin tongue icon

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

Name
face-grin-tongue
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

face-grin-tongueFont Awesome 6 Regularface-grin-tongueFont Awesome Regularface-grin-tongueFont Awesome Solid

Related icons in Font Awesome 6 Solid

face-angryface-dizzyface-flushedface-frownface-frown-openface-grimaceface-grinface-grin-beamface-grin-beam-sweatface-grin-heartsface-grin-squintface-grin-squint-tearsface-grin-starsface-grin-tearsface-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 tongue icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0 112.9 73.1 208.7 174.5 242.8C165.3 484 160 466.6 160 448v-47.3c-24-17.5-43.1-41.4-54.8-69.2c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19c12.3-3.8 24.3 6.9 19.3 18.7c-11.8 28-31.1 52-55.4 69.6V448c0 18.6-5.3 36-14.5 50.8C438.9 464.7 512 368.9 512 256C512 114.6 397.4 0 256 0S0 114.6 0 256m176.4-80a32 32 0 1 1 0 64a32 32 0 1 1 0-64m128 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0M320 448v-45.4c0-14.7-11.9-26.6-26.6-26.6h-2c-11.3 0-21.1 7.9-23.6 18.9c-2.8 12.6-20.8 12.6-23.6 0c-2.5-11.1-12.3-18.9-23.6-18.9h-2c-14.7 0-26.6 11.9-26.6 26.6V448c0 35.3 28.7 64 64 64s64-28.7 64-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFaceGrinTongue(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0 112.9 73.1 208.7 174.5 242.8C165.3 484 160 466.6 160 448v-47.3c-24-17.5-43.1-41.4-54.8-69.2c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19c12.3-3.8 24.3 6.9 19.3 18.7c-11.8 28-31.1 52-55.4 69.6V448c0 18.6-5.3 36-14.5 50.8C438.9 464.7 512 368.9 512 256C512 114.6 397.4 0 256 0S0 114.6 0 256m176.4-80a32 32 0 1 1 0 64a32 32 0 1 1 0-64m128 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0M320 448v-45.4c0-14.7-11.9-26.6-26.6-26.6h-2c-11.3 0-21.1 7.9-23.6 18.9c-2.8 12.6-20.8 12.6-23.6 0c-2.5-11.1-12.3-18.9-23.6-18.9h-2c-14.7 0-26.6 11.9-26.6 26.6V448c0 35.3 28.7 64 64 64s64-28.7 64-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256c0 112.9 73.1 208.7 174.5 242.8C165.3 484 160 466.6 160 448v-47.3c-24-17.5-43.1-41.4-54.8-69.2c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19c12.3-3.8 24.3 6.9 19.3 18.7c-11.8 28-31.1 52-55.4 69.6V448c0 18.6-5.3 36-14.5 50.8C438.9 464.7 512 368.9 512 256C512 114.6 397.4 0 256 0S0 114.6 0 256m176.4-80a32 32 0 1 1 0 64a32 32 0 1 1 0-64m128 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0M320 448v-45.4c0-14.7-11.9-26.6-26.6-26.6h-2c-11.3 0-21.1 7.9-23.6 18.9c-2.8 12.6-20.8 12.6-23.6 0c-2.5-11.1-12.3-18.9-23.6-18.9h-2c-14.7 0-26.6 11.9-26.6 26.6V448c0 35.3 28.7 64 64 64s64-28.7 64-64"/></svg>
</template>

CSS

.icon-face-grin-tongue {
  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%22currentColor%22%20d%3D%22M0%20256c0%20112.9%2073.1%20208.7%20174.5%20242.8C165.3%20484%20160%20466.6%20160%20448v-47.3c-24-17.5-43.1-41.4-54.8-69.2c-5-11.8%207-22.5%2019.3-18.7c39.7%2012.2%2084.5%2019%20131.8%2019s92.1-6.8%20131.8-19c12.3-3.8%2024.3%206.9%2019.3%2018.7c-11.8%2028-31.1%2052-55.4%2069.6V448c0%2018.6-5.3%2036-14.5%2050.8C438.9%20464.7%20512%20368.9%20512%20256C512%20114.6%20397.4%200%20256%200S0%20114.6%200%20256m176.4-80a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m128%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200M320%20448v-45.4c0-14.7-11.9-26.6-26.6-26.6h-2c-11.3%200-21.1%207.9-23.6%2018.9c-2.8%2012.6-20.8%2012.6-23.6%200c-2.5-11.1-12.3-18.9-23.6-18.9h-2c-14.7%200-26.6%2011.9-26.6%2026.6V448c0%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64%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%22currentColor%22%20d%3D%22M0%20256c0%20112.9%2073.1%20208.7%20174.5%20242.8C165.3%20484%20160%20466.6%20160%20448v-47.3c-24-17.5-43.1-41.4-54.8-69.2c-5-11.8%207-22.5%2019.3-18.7c39.7%2012.2%2084.5%2019%20131.8%2019s92.1-6.8%20131.8-19c12.3-3.8%2024.3%206.9%2019.3%2018.7c-11.8%2028-31.1%2052-55.4%2069.6V448c0%2018.6-5.3%2036-14.5%2050.8C438.9%20464.7%20512%20368.9%20512%20256C512%20114.6%20397.4%200%20256%200S0%20114.6%200%20256m176.4-80a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m128%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200M320%20448v-45.4c0-14.7-11.9-26.6-26.6-26.6h-2c-11.3%200-21.1%207.9-23.6%2018.9c-2.8%2012.6-20.8%2012.6-23.6%200c-2.5-11.1-12.3-18.9-23.6-18.9h-2c-14.7%200-26.6%2011.9-26.6%2026.6V448c0%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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