grimacing emoji

grimacing from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name: grimacing
Set: Firefox OS Emoji
Style: Default
Category: People
Viewbox: 512×512
License: Apache 2.0

The same emoji in other sets

More people icons from Firefox OS Emoji

Use the grimacing emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#F2A74E" d="M176.5 143.8h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6h57.2c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6m218.5 0h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6H395c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6"/><path fill="#2B3B47" d="M147.1 157.8c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c.1-13.3 10.8-24 24-24m217.3 0c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c0-13.3 10.7-24 24-24m9.2 192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7 0-1.4 0-2.2.1c-2.1.3-6.8 1-10.6 1.3c-2.3.2-4.5 1-6.2 2.4c-11.1 9-25.6 25.6-34.7 36.5c-5.4 6.4-2.6 16.2 5.2 19c16.3 5.8 49.4 12.4 112.3 12.4c63.1 0 96.6-6.8 113.2-12.7c8-2.7 10.7-12.5 5.3-19m-64.1 9.5q.15 0 0 0c.1 0 .1 0 .2.1c0-.1-.1-.1-.2-.1m0-.8q.15 0 0 0c.1 0 .1 0 .2.1c0 0-.1-.1-.2-.1"/><path fill="#FFF" d="M336.3 312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1 18.7-80.5 22.6c4.8-.1 157.2 0 161 .1"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#FFF" d="M345.7 375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3 0-75 4.5-90.5 9c19.2 3.7 47.8 6.6 89.5 6.6h.5c42 0 70.9-3.1 90.3-6.8"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiGrimacing(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#F2A74E" d="M176.5 143.8h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6h57.2c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6m218.5 0h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6H395c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6"/><path fill="#2B3B47" d="M147.1 157.8c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c.1-13.3 10.8-24 24-24m217.3 0c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c0-13.3 10.7-24 24-24m9.2 192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7 0-1.4 0-2.2.1c-2.1.3-6.8 1-10.6 1.3c-2.3.2-4.5 1-6.2 2.4c-11.1 9-25.6 25.6-34.7 36.5c-5.4 6.4-2.6 16.2 5.2 19c16.3 5.8 49.4 12.4 112.3 12.4c63.1 0 96.6-6.8 113.2-12.7c8-2.7 10.7-12.5 5.3-19m-64.1 9.5q.15 0 0 0c.1 0 .1 0 .2.1c0-.1-.1-.1-.2-.1m0-.8q.15 0 0 0c.1 0 .1 0 .2.1c0 0-.1-.1-.2-.1"/><path fill="#FFF" d="M336.3 312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1 18.7-80.5 22.6c4.8-.1 157.2 0 161 .1"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#FFF" d="M345.7 375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3 0-75 4.5-90.5 9c19.2 3.7 47.8 6.6 89.5 6.6h.5c42 0 70.9-3.1 90.3-6.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#F2A74E" d="M176.5 143.8h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6h57.2c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6m218.5 0h-57.2c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6H395c4.2 0 7.6 3.4 7.6 7.6s-3.4 7.6-7.6 7.6"/><path fill="#2B3B47" d="M147.1 157.8c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c.1-13.3 10.8-24 24-24m217.3 0c13.2 0 24 10.7 24 24v53.7c0 13.2-10.7 24-24 24c-13.2 0-24-10.7-24-24v-53.7c0-13.3 10.7-24 24-24m9.2 192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7 0-1.4 0-2.2.1c-2.1.3-6.8 1-10.6 1.3c-2.3.2-4.5 1-6.2 2.4c-11.1 9-25.6 25.6-34.7 36.5c-5.4 6.4-2.6 16.2 5.2 19c16.3 5.8 49.4 12.4 112.3 12.4c63.1 0 96.6-6.8 113.2-12.7c8-2.7 10.7-12.5 5.3-19m-64.1 9.5q.15 0 0 0c.1 0 .1 0 .2.1c0-.1-.1-.1-.2-.1m0-.8q.15 0 0 0c.1 0 .1 0 .2.1c0 0-.1-.1-.2-.1"/><path fill="#FFF" d="M336.3 312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1 18.7-80.5 22.6c4.8-.1 157.2 0 161 .1"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#FFF" d="M345.7 375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3 0-75 4.5-90.5 9c19.2 3.7 47.8 6.6 89.5 6.6h.5c42 0 70.9-3.1 90.3-6.8"/></svg>
</template>

CSS

.icon-grimacing {
  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%22%23FFD469%22%20d%3D%22M255.9%2035.3C134%2035.3%2035.2%20134.1%2035.2%20256c0%203.3.1%206.6.2%209.9c-12.8%201.7-22.8%2012.6-22.8%2025.9c0%2014.5%2011.7%2026.2%2026.2%2026.2H44c26.8%2091.7%20111.4%20158.7%20211.7%20158.7c121.8%200%20220.6-98.8%20220.6-220.6c.2-122-98.6-220.8-220.4-220.8%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M176.5%20143.8h-57.2c-4.2%200-7.6-3.4-7.6-7.6s3.4-7.6%207.6-7.6h57.2c4.2%200%207.6%203.4%207.6%207.6s-3.4%207.6-7.6%207.6m218.5%200h-57.2c-4.2%200-7.6-3.4-7.6-7.6s3.4-7.6%207.6-7.6H395c4.2%200%207.6%203.4%207.6%207.6s-3.4%207.6-7.6%207.6%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M147.1%20157.8c13.2%200%2024%2010.7%2024%2024v53.7c0%2013.2-10.7%2024-24%2024c-13.2%200-24-10.7-24-24v-53.7c.1-13.3%2010.8-24%2024-24m217.3%200c13.2%200%2024%2010.7%2024%2024v53.7c0%2013.2-10.7%2024-24%2024c-13.2%200-24-10.7-24-24v-53.7c0-13.3%2010.7-24%2024-24m9.2%20192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7%200-1.4%200-2.2.1c-2.1.3-6.8%201-10.6%201.3c-2.3.2-4.5%201-6.2%202.4c-11.1%209-25.6%2025.6-34.7%2036.5c-5.4%206.4-2.6%2016.2%205.2%2019c16.3%205.8%2049.4%2012.4%20112.3%2012.4c63.1%200%2096.6-6.8%20113.2-12.7c8-2.7%2010.7-12.5%205.3-19m-64.1%209.5q.15%200%200%200c.1%200%20.1%200%20.2.1c0-.1-.1-.1-.2-.1m0-.8q.15%200%200%200c.1%200%20.1%200%20.2.1c0%200-.1-.1-.2-.1%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M336.3%20312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1%2018.7-80.5%2022.6c4.8-.1%20157.2%200%20161%20.1%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M476.2%20265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3%2034.5%2033.6%2075.2%2033.6%20118.8c0%20125.2-101.5%20226.7-226.7%20226.7c-43.6%200-84.2-12.3-118.8-33.6c39.6%2037.7%2093.1%2060.8%20152%2060.8c100.3%200%20185-67%20211.7-158.7h5.2c14.5%200%2026.2-11.7%2026.2-26.2c.2-13.3-9.7-24.2-22.6-25.9%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M345.7%20375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3%200-75%204.5-90.5%209c19.2%203.7%2047.8%206.6%2089.5%206.6h.5c42%200%2070.9-3.1%2090.3-6.8%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%22%23FFD469%22%20d%3D%22M255.9%2035.3C134%2035.3%2035.2%20134.1%2035.2%20256c0%203.3.1%206.6.2%209.9c-12.8%201.7-22.8%2012.6-22.8%2025.9c0%2014.5%2011.7%2026.2%2026.2%2026.2H44c26.8%2091.7%20111.4%20158.7%20211.7%20158.7c121.8%200%20220.6-98.8%20220.6-220.6c.2-122-98.6-220.8-220.4-220.8%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M176.5%20143.8h-57.2c-4.2%200-7.6-3.4-7.6-7.6s3.4-7.6%207.6-7.6h57.2c4.2%200%207.6%203.4%207.6%207.6s-3.4%207.6-7.6%207.6m218.5%200h-57.2c-4.2%200-7.6-3.4-7.6-7.6s3.4-7.6%207.6-7.6H395c4.2%200%207.6%203.4%207.6%207.6s-3.4%207.6-7.6%207.6%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M147.1%20157.8c13.2%200%2024%2010.7%2024%2024v53.7c0%2013.2-10.7%2024-24%2024c-13.2%200-24-10.7-24-24v-53.7c.1-13.3%2010.8-24%2024-24m217.3%200c13.2%200%2024%2010.7%2024%2024v53.7c0%2013.2-10.7%2024-24%2024c-13.2%200-24-10.7-24-24v-53.7c0-13.3%2010.7-24%2024-24m9.2%20192.9c-9-10.7-22.9-26.5-33.8-35.5c-2.2-1.8-4.8-2.8-7.6-2.8c-22.3-.3-129.2-1.3-140.9-1.7c-.7%200-1.4%200-2.2.1c-2.1.3-6.8%201-10.6%201.3c-2.3.2-4.5%201-6.2%202.4c-11.1%209-25.6%2025.6-34.7%2036.5c-5.4%206.4-2.6%2016.2%205.2%2019c16.3%205.8%2049.4%2012.4%20112.3%2012.4c63.1%200%2096.6-6.8%20113.2-12.7c8-2.7%2010.7-12.5%205.3-19m-64.1%209.5q.15%200%200%200c.1%200%20.1%200%20.2.1c0-.1-.1-.1-.2-.1m0-.8q.15%200%200%200c.1%200%20.1%200%20.2.1c0%200-.1-.1-.2-.1%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M336.3%20312.5c-5.4-3.9-24.5-22.7-80.5-22.7s-75.1%2018.7-80.5%2022.6c4.8-.1%20157.2%200%20161%20.1%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M476.2%20265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3%2034.5%2033.6%2075.2%2033.6%20118.8c0%20125.2-101.5%20226.7-226.7%20226.7c-43.6%200-84.2-12.3-118.8-33.6c39.6%2037.7%2093.1%2060.8%20152%2060.8c100.3%200%20185-67%20211.7-158.7h5.2c14.5%200%2026.2-11.7%2026.2-26.2c.2-13.3-9.7-24.2-22.6-25.9%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M345.7%20375.7c-15.3-4.4-42.7-8.8-89.8-8.8c-47.3%200-75%204.5-90.5%209c19.2%203.7%2047.8%206.6%2089.5%206.6h.5c42%200%2070.9-3.1%2090.3-6.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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