astonished face emoji
astonished-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.
- Name
- astonished-face
- Set
- Noto Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
astonished-faceEmoji One (Colored)astonished-faceFluent Emojiastonished-faceFluent Emoji Flatastonished-faceFluent Emoji High Contrastastonished-faceIconParkastonished-faceIconPark Outlineastonished-faceIconPark Solidastonished-faceIconPark TwoToneastonished-faceOpenMojiastonished-faceStreamline Emojisastonished-faceTwitter Emoji
More smileys & emotion icons from Noto Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatbeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-catcrying-face
Use the astonished face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGYeJeve9K2" cx="64" cy="-1456" r="56.96" fx="64" fy="-1456" gradientTransform="matrix(1 0 0 -1 0 -1392)" 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(#SVGYeJeve9K2)" 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.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.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="M45.65 30c2.3.2 3.2-2.9.8-3.6c-1.8-.5-3.8-.7-5.8-.6c-5.6.2-10.6 2.7-14 6.2c-1.7 1.8.7 4 2.5 2.7c4.6-3.2 10.5-5.1 16.5-4.7m36.6 0c6.1-.4 12 1.5 16.6 4.7c1.8 1.3 4.2-.9 2.5-2.7c-3.4-3.5-8.5-6-14-6.2c-2-.1-4 .1-5.8.6c-2.4.7-1.5 3.8.7 3.6m1.65 11.7c3.8 0 7.3 4.4 7.3 11.8s-3.5 11.8-7.3 11.8s-7.3-4.4-7.3-11.8s3.4-11.8 7.3-11.8m-39.4 0c-4.1 0-7.7 4.4-7.7 11.8s3.7 11.8 7.7 11.8s7.7-4.4 7.7-11.8s-3.7-11.8-7.7-11.8"/><path fill="#896024" d="M44.48 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69m39.03 0c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/><g stroke-width="0"><path fill="#fff" d="M64.61 86.7c3.92 0 7.73-.22 11.37-.63c-.33-6.31-5.58-11.37-11.97-11.37s-11.56 4.99-11.96 11.23c4 .5 8.21.77 12.56.77"/><path fill="#422b0d" d="M52.05 85.93c-.02.26-.04.51-.04.77v11.8c0 6.6 5.4 12 12 12s12-5.4 12-12V86.7c0-.21-.02-.42-.03-.63c-3.64.41-7.45.63-11.37.63c-4.35 0-8.56-.27-12.56-.77"/><path fill="#422b0d" d="M76.01 86.7c-.68-3.13-2.19-5.79-4.37-7.64c-2.17-1.84-4.88-2.87-7.63-2.86c-2.75 0-5.46 1.02-7.63 2.86c-2.17 1.86-3.69 4.51-4.37 7.64c-.6-3.15.41-6.72 2.71-9.29c2.24-2.62 5.75-4.24 9.29-4.21c3.54-.02 7.05 1.59 9.29 4.21c1.14 1.29 1.97 2.83 2.45 4.43c.46 1.61.54 3.29.27 4.86Z"/></g></svg>
React
import type { SVGProps } from "react";
export function NotoAstonishedFace(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="SVGYeJeve9K2" cx="64" cy="-1456" r="56.96" fx="64" fy="-1456" gradientTransform="matrix(1 0 0 -1 0 -1392)" 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(#SVGYeJeve9K2)" 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.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.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="M45.65 30c2.3.2 3.2-2.9.8-3.6c-1.8-.5-3.8-.7-5.8-.6c-5.6.2-10.6 2.7-14 6.2c-1.7 1.8.7 4 2.5 2.7c4.6-3.2 10.5-5.1 16.5-4.7m36.6 0c6.1-.4 12 1.5 16.6 4.7c1.8 1.3 4.2-.9 2.5-2.7c-3.4-3.5-8.5-6-14-6.2c-2-.1-4 .1-5.8.6c-2.4.7-1.5 3.8.7 3.6m1.65 11.7c3.8 0 7.3 4.4 7.3 11.8s-3.5 11.8-7.3 11.8s-7.3-4.4-7.3-11.8s3.4-11.8 7.3-11.8m-39.4 0c-4.1 0-7.7 4.4-7.7 11.8s3.7 11.8 7.7 11.8s7.7-4.4 7.7-11.8s-3.7-11.8-7.7-11.8"/><path fill="#896024" d="M44.48 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69m39.03 0c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/><g strokeWidth="0"><path fill="#fff" d="M64.61 86.7c3.92 0 7.73-.22 11.37-.63c-.33-6.31-5.58-11.37-11.97-11.37s-11.56 4.99-11.96 11.23c4 .5 8.21.77 12.56.77"/><path fill="#422b0d" d="M52.05 85.93c-.02.26-.04.51-.04.77v11.8c0 6.6 5.4 12 12 12s12-5.4 12-12V86.7c0-.21-.02-.42-.03-.63c-3.64.41-7.45.63-11.37.63c-4.35 0-8.56-.27-12.56-.77"/><path fill="#422b0d" d="M76.01 86.7c-.68-3.13-2.19-5.79-4.37-7.64c-2.17-1.84-4.88-2.87-7.63-2.86c-2.75 0-5.46 1.02-7.63 2.86c-2.17 1.86-3.69 4.51-4.37 7.64c-.6-3.15.41-6.72 2.71-9.29c2.24-2.62 5.75-4.24 9.29-4.21c3.54-.02 7.05 1.59 9.29 4.21c1.14 1.29 1.97 2.83 2.45 4.43c.46 1.61.54 3.29.27 4.86Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGYeJeve9K2" cx="64" cy="-1456" r="56.96" fx="64" fy="-1456" gradientTransform="matrix(1 0 0 -1 0 -1392)" 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(#SVGYeJeve9K2)" 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.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.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="M45.65 30c2.3.2 3.2-2.9.8-3.6c-1.8-.5-3.8-.7-5.8-.6c-5.6.2-10.6 2.7-14 6.2c-1.7 1.8.7 4 2.5 2.7c4.6-3.2 10.5-5.1 16.5-4.7m36.6 0c6.1-.4 12 1.5 16.6 4.7c1.8 1.3 4.2-.9 2.5-2.7c-3.4-3.5-8.5-6-14-6.2c-2-.1-4 .1-5.8.6c-2.4.7-1.5 3.8.7 3.6m1.65 11.7c3.8 0 7.3 4.4 7.3 11.8s-3.5 11.8-7.3 11.8s-7.3-4.4-7.3-11.8s3.4-11.8 7.3-11.8m-39.4 0c-4.1 0-7.7 4.4-7.7 11.8s3.7 11.8 7.7 11.8s7.7-4.4 7.7-11.8s-3.7-11.8-7.7-11.8"/><path fill="#896024" d="M44.48 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69m39.03 0c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/><g stroke-width="0"><path fill="#fff" d="M64.61 86.7c3.92 0 7.73-.22 11.37-.63c-.33-6.31-5.58-11.37-11.97-11.37s-11.56 4.99-11.96 11.23c4 .5 8.21.77 12.56.77"/><path fill="#422b0d" d="M52.05 85.93c-.02.26-.04.51-.04.77v11.8c0 6.6 5.4 12 12 12s12-5.4 12-12V86.7c0-.21-.02-.42-.03-.63c-3.64.41-7.45.63-11.37.63c-4.35 0-8.56-.27-12.56-.77"/><path fill="#422b0d" d="M76.01 86.7c-.68-3.13-2.19-5.79-4.37-7.64c-2.17-1.84-4.88-2.87-7.63-2.86c-2.75 0-5.46 1.02-7.63 2.86c-2.17 1.86-3.69 4.51-4.37 7.64c-.6-3.15.41-6.72 2.71-9.29c2.24-2.62 5.75-4.24 9.29-4.21c3.54-.02 7.05 1.59 9.29 4.21c1.14 1.29 1.97 2.83 2.45 4.43c.46 1.61.54 3.29.27 4.86Z"/></g></svg> </template>
CSS
.icon-astonished-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%22SVGYeJeve9K2%22%20cx%3D%2264%22%20cy%3D%22-1456%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1456%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1392)%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(%23SVGYeJeve9K2)%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.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.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%22M45.65%2030c2.3.2%203.2-2.9.8-3.6c-1.8-.5-3.8-.7-5.8-.6c-5.6.2-10.6%202.7-14%206.2c-1.7%201.8.7%204%202.5%202.7c4.6-3.2%2010.5-5.1%2016.5-4.7m36.6%200c6.1-.4%2012%201.5%2016.6%204.7c1.8%201.3%204.2-.9%202.5-2.7c-3.4-3.5-8.5-6-14-6.2c-2-.1-4%20.1-5.8.6c-2.4.7-1.5%203.8.7%203.6m1.65%2011.7c3.8%200%207.3%204.4%207.3%2011.8s-3.5%2011.8-7.3%2011.8s-7.3-4.4-7.3-11.8s3.4-11.8%207.3-11.8m-39.4%200c-4.1%200-7.7%204.4-7.7%2011.8s3.7%2011.8%207.7%2011.8s7.7-4.4%207.7-11.8s-3.7-11.8-7.7-11.8%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.48%2045.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69m39.03%200c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.61%2086.7c3.92%200%207.73-.22%2011.37-.63c-.33-6.31-5.58-11.37-11.97-11.37s-11.56%204.99-11.96%2011.23c4%20.5%208.21.77%2012.56.77%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M52.05%2085.93c-.02.26-.04.51-.04.77v11.8c0%206.6%205.4%2012%2012%2012s12-5.4%2012-12V86.7c0-.21-.02-.42-.03-.63c-3.64.41-7.45.63-11.37.63c-4.35%200-8.56-.27-12.56-.77%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M76.01%2086.7c-.68-3.13-2.19-5.79-4.37-7.64c-2.17-1.84-4.88-2.87-7.63-2.86c-2.75%200-5.46%201.02-7.63%202.86c-2.17%201.86-3.69%204.51-4.37%207.64c-.6-3.15.41-6.72%202.71-9.29c2.24-2.62%205.75-4.24%209.29-4.21c3.54-.02%207.05%201.59%209.29%204.21c1.14%201.29%201.97%202.83%202.45%204.43c.46%201.61.54%203.29.27%204.86Z%22%2F%3E%3C%2Fg%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%22SVGYeJeve9K2%22%20cx%3D%2264%22%20cy%3D%22-1456%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1456%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1392)%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(%23SVGYeJeve9K2)%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.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.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%22M45.65%2030c2.3.2%203.2-2.9.8-3.6c-1.8-.5-3.8-.7-5.8-.6c-5.6.2-10.6%202.7-14%206.2c-1.7%201.8.7%204%202.5%202.7c4.6-3.2%2010.5-5.1%2016.5-4.7m36.6%200c6.1-.4%2012%201.5%2016.6%204.7c1.8%201.3%204.2-.9%202.5-2.7c-3.4-3.5-8.5-6-14-6.2c-2-.1-4%20.1-5.8.6c-2.4.7-1.5%203.8.7%203.6m1.65%2011.7c3.8%200%207.3%204.4%207.3%2011.8s-3.5%2011.8-7.3%2011.8s-7.3-4.4-7.3-11.8s3.4-11.8%207.3-11.8m-39.4%200c-4.1%200-7.7%204.4-7.7%2011.8s3.7%2011.8%207.7%2011.8s7.7-4.4%207.7-11.8s-3.7-11.8-7.7-11.8%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.48%2045.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69m39.03%200c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.61%2086.7c3.92%200%207.73-.22%2011.37-.63c-.33-6.31-5.58-11.37-11.97-11.37s-11.56%204.99-11.96%2011.23c4%20.5%208.21.77%2012.56.77%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M52.05%2085.93c-.02.26-.04.51-.04.77v11.8c0%206.6%205.4%2012%2012%2012s12-5.4%2012-12V86.7c0-.21-.02-.42-.03-.63c-3.64.41-7.45.63-11.37.63c-4.35%200-8.56-.27-12.56-.77%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M76.01%2086.7c-.68-3.13-2.19-5.79-4.37-7.64c-2.17-1.84-4.88-2.87-7.63-2.86c-2.75%200-5.46%201.02-7.63%202.86c-2.17%201.86-3.69%204.51-4.37%207.64c-.6-3.15.41-6.72%202.71-9.29c2.24-2.62%205.75-4.24%209.29-4.21c3.54-.02%207.05%201.59%209.29%204.21c1.14%201.29%201.97%202.83%202.45%204.43c.46%201.61.54%203.29.27%204.86Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/astonished-face.svg?color=%231a73e8&size=48
