grin icon

grin from Font Awesome Regular by Dave Gandy · Regular · Emoji · CC-BY-4.0 Attribution required.

Name: grin
Set: Font Awesome Regular
Style: Regular
Category: Emoji
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

grinFont Awesome Solid grinFirefox OS Emoji grinLine Awesome grinWeb3 Icons grinWeb3 Icons Branded grinUnicons

More emoji icons from Font Awesome Regular

Use the grin 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 208s93.1 208 208 208s208-93.1 208-208m-464 0C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320m372.2 46.3c11.8-3.6 23.7 6.1 19.6 17.8c-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.6M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m192-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularGrin(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 208s93.1 208 208 208s208-93.1 208-208m-464 0C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320m372.2 46.3c11.8-3.6 23.7 6.1 19.6 17.8c-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.6M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m192-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></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 208s93.1 208 208 208s208-93.1 208-208m-464 0C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320m372.2 46.3c11.8-3.6 23.7 6.1 19.6 17.8c-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.6M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m192-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>
</template>

CSS

.icon-grin {
  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-114.9-93.1-208-208-208s-208%2093.1-208%20208s93.1%20208%20208%20208s208-93.1%20208-208m-464%200C64%20178.6%20178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256S64%20461.4%2064%20320m372.2%2046.3c11.8-3.6%2023.7%206.1%2019.6%2017.8c-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.6M208%20272c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32m192-32c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32%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-114.9-93.1-208-208-208s-208%2093.1-208%20208s93.1%20208%20208%20208s208-93.1%20208-208m-464%200C64%20178.6%20178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256S64%20461.4%2064%20320m372.2%2046.3c11.8-3.6%2023.7%206.1%2019.6%2017.8c-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.6M208%20272c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32m192-32c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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