{
"name": "face-surprised",
"title": "Face surprised",
"component": "FaceSurprisedIcon",
"url": "https://gentleface.com/icons/face-surprised",
"category": "social",
"motif": "face",
"added": "2026-11-05",
"since": "0.4.0",
"history": [
{
"date": "2026-11-05",
"what": [
"20 px drawn",
"24 px drawn",
"added"
]
},
{
"date": "2026-11-06",
"what": [
"released in 0.4.0"
]
}
],
"geometry_hash": "908500ac879b",
"use_for": [
"surprised",
"wow",
"surprise",
"shocked",
"astonished"
],
"family": [
"face-angry",
"face-crying",
"face-grinning",
"face-neutral",
"face-nod",
"face-wink",
"frown",
"smile",
"smile-clock",
"smile-off",
"smile-plus",
"smile-search",
"smile-sparkle",
"smile-x"
],
"tags": [
"surprised",
"surprise",
"wow",
"shocked",
"astonished",
"face",
"emoji",
"reaction",
"mood"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/face-surprised.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/face-surprised.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/face-surprised.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/face-surprised.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/face-surprised.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/face-surprised.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/face-surprised.png",
"32": "https://gentleface.com/png/line-round/32/face-surprised.png",
"48": "https://gentleface.com/png/line-round/48/face-surprised.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/face-surprised.png",
"32": "https://gentleface.com/png/line-soft/32/face-surprised.png",
"48": "https://gentleface.com/png/line-soft/48/face-surprised.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/face-surprised.png",
"32": "https://gentleface.com/png/line-sharp/32/face-surprised.png",
"48": "https://gentleface.com/png/line-sharp/48/face-surprised.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/face-surprised.png",
"32": "https://gentleface.com/png/solid-round/32/face-surprised.png",
"48": "https://gentleface.com/png/solid-round/48/face-surprised.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/face-surprised.png",
"32": "https://gentleface.com/png/solid-soft/32/face-surprised.png",
"48": "https://gentleface.com/png/solid-soft/48/face-surprised.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/face-surprised.png",
"32": "https://gentleface.com/png/solid-sharp/32/face-surprised.png",
"48": "https://gentleface.com/png/solid-sharp/48/face-surprised.png"
}
},
"npm": {
"react": "import { FaceSurprisedIcon } from '@gentleface/react';",
"svg": "@gentleface/icons/svg/line-round/16/face-surprised.svg",
"cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/face-surprised.svg",
"version": "0.6.0"
},
"license": "MIT",
"author": "Alexander Kiselev",
"motion": {
"name": "face-surprised-gasp",
"does": "The mouth closes to a small o and the eyes blink. Then the surprise hits: the eyes pop wide and the jaw drops into a tall O, which eases back to the round one as the eyes settle.",
"url": "https://gentleface.com/motion/face-surprised-gasp.svg",
"style": "line-round",
"size": 16,
"duration": 3,
"frames": [
0.2,
2.3
],
"svg": "",
"react": "// Gentleface \"face-surprised\" animated (face-surprised-gasp), MIT. https://gentleface.com/icons/face-surprised\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const FaceSurprisedGaspIcon = forwardRef>(function FaceSurprisedGaspIcon(props, ref) {\n return (\n \n );\n});",
"how_to_play": "https://gentleface.com/animated-icons.md"
}
}