hushed face emoji

hushed-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
hushed-face
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

hushed-faceEmoji One (Colored)hushed-faceFluent Emojihushed-faceFluent Emoji Flathushed-faceFluent Emoji High Contrasthushed-faceOpenMojihushed-faceTwitter Emoji

More smileys & emotion icons from Noto Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat

Use the hushed face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzN46zeZf" cx="64" cy="-934" r="56.96" fx="64" fy="-934" gradientTransform="matrix(1 0 0 -1 0 -870)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGzN46zeZf)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M76.8 93.5c0 7.07-5.73 12.8-12.8 12.8s-12.8-5.73-12.8-12.8S56.93 80.7 64 80.7c7.05-.02 12.78 5.67 12.8 12.72zM42.33 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.81-9.42-8-9.42"/><path fill="#896024" d="M41.94 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M85.67 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.79-9.42-8-9.42"/><path fill="#896024" d="M85.29 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M28.47 39.1c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4c1.13-1.63 2.52-3.05 4.12-4.22c4.19-3.23 9.44-4.76 14.71-4.28c2.49.31 2 3.49-.21 3.7c-5.94.47-11.53 3-15.8 7.15m71.06.23c.7.73 1.87.76 2.6.05c.66-.63.75-1.66.22-2.4a17.3 17.3 0 0 0-4.07-4.17a20.92 20.92 0 0 0-14.71-4.27c-2.48.31-2 3.48.21 3.69c5.92.47 11.48 2.98 15.75 7.1"/></svg>

React

import type { SVGProps } from "react";

export function NotoHushedFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzN46zeZf" cx="64" cy="-934" r="56.96" fx="64" fy="-934" gradientTransform="matrix(1 0 0 -1 0 -870)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGzN46zeZf)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M76.8 93.5c0 7.07-5.73 12.8-12.8 12.8s-12.8-5.73-12.8-12.8S56.93 80.7 64 80.7c7.05-.02 12.78 5.67 12.8 12.72zM42.33 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.81-9.42-8-9.42"/><path fill="#896024" d="M41.94 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M85.67 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.79-9.42-8-9.42"/><path fill="#896024" d="M85.29 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M28.47 39.1c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4c1.13-1.63 2.52-3.05 4.12-4.22c4.19-3.23 9.44-4.76 14.71-4.28c2.49.31 2 3.49-.21 3.7c-5.94.47-11.53 3-15.8 7.15m71.06.23c.7.73 1.87.76 2.6.05c.66-.63.75-1.66.22-2.4a17.3 17.3 0 0 0-4.07-4.17a20.92 20.92 0 0 0-14.71-4.27c-2.48.31-2 3.48.21 3.69c5.92.47 11.48 2.98 15.75 7.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzN46zeZf" cx="64" cy="-934" r="56.96" fx="64" fy="-934" gradientTransform="matrix(1 0 0 -1 0 -870)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGzN46zeZf)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M76.8 93.5c0 7.07-5.73 12.8-12.8 12.8s-12.8-5.73-12.8-12.8S56.93 80.7 64 80.7c7.05-.02 12.78 5.67 12.8 12.72zM42.33 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.81-9.42-8-9.42"/><path fill="#896024" d="M41.94 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M85.67 48.04c-4.19 0-8 3.54-8 9.42s3.81 9.41 8 9.41s8-3.54 8-9.41s-3.79-9.42-8-9.42"/><path fill="#896024" d="M85.29 51.97a2.874 2.874 0 0 0-3.82 1.34c-.53 1.11-.29 2.44.6 3.3c1.42.68 3.13.08 3.82-1.34c.53-1.11.29-2.44-.6-3.3"/><path fill="#422b0d" d="M28.47 39.1c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4c1.13-1.63 2.52-3.05 4.12-4.22c4.19-3.23 9.44-4.76 14.71-4.28c2.49.31 2 3.49-.21 3.7c-5.94.47-11.53 3-15.8 7.15m71.06.23c.7.73 1.87.76 2.6.05c.66-.63.75-1.66.22-2.4a17.3 17.3 0 0 0-4.07-4.17a20.92 20.92 0 0 0-14.71-4.27c-2.48.31-2 3.48.21 3.69c5.92.47 11.48 2.98 15.75 7.1"/></svg>
</template>

CSS

.icon-hushed-face {
  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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGzN46zeZf%22%20cx%3D%2264%22%20cy%3D%22-934%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-934%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-870)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGzN46zeZf)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37-7.35-48.18-22.94c10.76%2017.66%2031%2025.94%2050.18%2025.94c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M76.8%2093.5c0%207.07-5.73%2012.8-12.8%2012.8s-12.8-5.73-12.8-12.8S56.93%2080.7%2064%2080.7c7.05-.02%2012.78%205.67%2012.8%2012.72zM42.33%2048.04c-4.19%200-8%203.54-8%209.42s3.81%209.41%208%209.41s8-3.54%208-9.41s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M41.94%2051.97a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M85.67%2048.04c-4.19%200-8%203.54-8%209.42s3.81%209.41%208%209.41s8-3.54%208-9.41s-3.79-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M85.29%2051.97a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M28.47%2039.1c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4c1.13-1.63%202.52-3.05%204.12-4.22c4.19-3.23%209.44-4.76%2014.71-4.28c2.49.31%202%203.49-.21%203.7c-5.94.47-11.53%203-15.8%207.15m71.06.23c.7.73%201.87.76%202.6.05c.66-.63.75-1.66.22-2.4a17.3%2017.3%200%200%200-4.07-4.17a20.92%2020.92%200%200%200-14.71-4.27c-2.48.31-2%203.48.21%203.69c5.92.47%2011.48%202.98%2015.75%207.1%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGzN46zeZf%22%20cx%3D%2264%22%20cy%3D%22-934%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-934%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-870)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGzN46zeZf)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37-7.35-48.18-22.94c10.76%2017.66%2031%2025.94%2050.18%2025.94c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M76.8%2093.5c0%207.07-5.73%2012.8-12.8%2012.8s-12.8-5.73-12.8-12.8S56.93%2080.7%2064%2080.7c7.05-.02%2012.78%205.67%2012.8%2012.72zM42.33%2048.04c-4.19%200-8%203.54-8%209.42s3.81%209.41%208%209.41s8-3.54%208-9.41s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M41.94%2051.97a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M85.67%2048.04c-4.19%200-8%203.54-8%209.42s3.81%209.41%208%209.41s8-3.54%208-9.41s-3.79-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M85.29%2051.97a2.874%202.874%200%200%200-3.82%201.34c-.53%201.11-.29%202.44.6%203.3c1.42.68%203.13.08%203.82-1.34c.53-1.11.29-2.44-.6-3.3%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M28.47%2039.1c-.7.73-1.87.76-2.6.05c-.66-.63-.75-1.66-.22-2.4c1.13-1.63%202.52-3.05%204.12-4.22c4.19-3.23%209.44-4.76%2014.71-4.28c2.49.31%202%203.49-.21%203.7c-5.94.47-11.53%203-15.8%207.15m71.06.23c.7.73%201.87.76%202.6.05c.66-.63.75-1.66.22-2.4a17.3%2017.3%200%200%200-4.07-4.17a20.92%2020.92%200%200%200-14.71-4.27c-2.48.31-2%203.48.21%203.69c5.92.47%2011.48%202.98%2015.75%207.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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