Add icons to this collection by clicking the heart icon.
Surprised icon - also known as pointer, people, smiley, select, social media, surprised, rating, feelings, reaction, and emoji. Created in a clean color style with a white, blue, and magenta 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 94.172 68.877 172.245 159 186.621A190.283 190.283 0 0 1 129 189C24.618 189-60 104.382-60 0s84.618-189 189-189c10.211 0 20.229.82 30 2.379C68.877-172.245 0-94.171 0 0"
transform="translate(80 209)"
fill="#cee1f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.342 92.443-91.18 164-187 164-104.382 0-189-84.618-189-189s84.618-189 189-189c27.423 0 53.481 5.84 77 16.345"
transform="translate(396 234)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 18.409 8.217 50 34 50S68 18.409 68 0s-9.241-50-34-50S0-18.409 0 0"
transform="translate(174 125)"
fill="#0023c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 33 33"
transform="translate(400 399)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20 41"
transform="translate(336 451)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 40 20"
transform="translate(452 337)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v56c0 22.092 17.908 40 40 40h57"
transform="translate(357 60)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-66 66"
transform="translate(492 20)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 22.092 17.908 40 40 40S80 22.092 80 0 62.092-40 40-40 0-22.092 0 0Z"
transform="translate(240 246)"
fill="none"
stroke="#ff5cf5"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 22.092 17.908 40 40 40S80 22.092 80 0 62.092-40 40-40 0-22.092 0 0Z"
transform="translate(98 247)"
fill="none"
stroke="#ff5cf5"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category