Add icons to this collection by clicking the heart icon.
Surprised icon - also known as emoticons, surprised, feelings, smileys, and emoji. Created in a clean color style with a white, gray, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-29.938"
x2="-29.938"
y1="613.313"
y2="643.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb533" />
<stop offset="1" stop-color="#ff3" />
</linearGradient>
<circle cx="256" cy="256" r="240" fill="url(#a)" />
<path
d="M256 0C114.608 0 0 114.608 0 256s114.608 255.984 256 256c141.392 0 255.984-114.608 256-256C511.984 114.608 397.392 0 256 0zm158.384 414.384c-40.576 40.56-96.48 65.6-158.384 65.616-61.904-.016-117.808-25.056-158.4-65.616C57.04 373.808 32 317.904 32 256S57.04 138.192 97.6 97.6C138.192 57.04 194.096 32 256 32s117.808 25.04 158.384 65.6c40.56 40.592 65.6 96.496 65.616 158.4-.016 61.904-25.056 117.808-65.616 158.384z"
fill="#cc7b29"
/>
<ellipse cx="256" cy="368" rx="48" ry="64" fill="#fff" />
<path
d="M256 288c-19.264 0-35.872 10.512-46.736 25.136C198.256 327.856 192.032 347.088 192 368c.032 20.912 6.256 40.128 17.264 54.848C220.128 437.488 236.736 448 256 448c19.248 0 35.872-10.512 46.736-25.136C313.728 408.128 319.968 388.912 320 368c-.032-20.912-6.256-40.144-17.264-54.864C291.872 298.512 275.248 288 256 288zm21.136 115.648C270.64 412.192 263.248 416 256 416c-7.248 0-14.64-3.808-21.136-12.352C228.48 395.216 223.968 382.432 224 368c-.032-14.432 4.48-27.216 10.864-35.664C241.36 323.808 248.752 320 256 320c7.248 0 14.64 3.808 21.136 12.352C283.52 340.784 288.032 353.568 288 368c.032 14.432-4.48 27.216-10.864 35.648z"
fill="#806040"
/>
<circle cx="160" cy="192" r="32" fill="#806040" />
<circle cx="352" cy="192" r="32" fill="#806040" />
<linearGradient
id="b"
x1="-29.938"
x2="-29.938"
y1="613.313"
y2="643.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb533" />
<stop offset="1" stop-color="#ff3" />
</linearGradient>
<circle cx="256" cy="256" r="240" fill="url(#b)" />
<linearGradient
id="c"
x1="-29.938"
x2="-29.938"
y1="634.313"
y2="642.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fafbfb" stop-opacity="0" />
<stop offset="1" stop-color="#fafbfb" />
</linearGradient>
<path
d="M256 32c-61.904 0-117.808 27.392-158.4 67.952C80.816 116.736 66.896 144 56.096 160h399.792c-10.8-16-24.72-43.248-41.504-60.048C373.808 59.392 317.904 32 256 32z"
fill="url(#c)"
/>
<path
d="M256 0C114.608 0 0 114.608 0 256s114.608 255.984 256 256c141.392 0 255.984-114.608 256-256C511.984 114.608 397.392 0 256 0zm158.384 414.384c-40.576 40.56-96.48 65.6-158.384 65.616-61.904-.016-117.808-25.056-158.4-65.616C57.04 373.808 32 317.904 32 256S57.04 138.192 97.6 97.6C138.192 57.04 194.096 32 256 32s117.808 25.04 158.384 65.6c40.56 40.592 65.6 96.496 65.616 158.4-.016 61.904-25.056 117.808-65.616 158.384z"
fill="#cc7b29"
/>
<ellipse cx="256" cy="368" rx="48" ry="64" fill="#fff" />
<path
d="M256 288c-19.264 0-35.872 10.512-46.736 25.136C198.256 327.856 192.032 347.088 192 368c.032 20.912 6.256 40.128 17.264 54.848C220.128 437.488 236.736 448 256 448c19.248 0 35.872-10.512 46.736-25.136C313.728 408.128 319.968 388.912 320 368c-.032-20.912-6.256-40.144-17.264-54.864C291.872 298.512 275.248 288 256 288zm21.136 115.648C270.64 412.192 263.248 416 256 416c-7.248 0-14.64-3.808-21.136-12.352C228.48 395.216 223.968 382.432 224 368c-.032-14.432 4.48-27.216 10.864-35.664C241.36 323.808 248.752 320 256 320c7.248 0 14.64 3.808 21.136 12.352C283.52 340.784 288.032 353.568 288 368c.032 14.432-4.48 27.216-10.864 35.648z"
fill="#806040"
/>
<circle cx="160" cy="192" r="32" fill="#806040" />
<circle cx="352" cy="192" r="32" fill="#806040" />
</svg>
More icons in the same style and category