Add icons to this collection by clicking the heart icon.
Suprise icon - also known as smile, emoticons, smiley, sad, feelings, suprise, smileys, emoji, amazed, and socked. Created in a clean flat gradient style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="b"
cx="256"
cy="256"
r="272.687"
fx="254.676"
fy="25.792"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffed81" />
<stop offset=".17" stop-color="#ffea7e" />
<stop offset=".315" stop-color="#ffe273" />
<stop offset=".452" stop-color="#ffd361" />
<stop offset=".584" stop-color="#ffbf48" />
<stop offset=".71" stop-color="#ffa629" />
<stop offset=".827" stop-color="#ff8804" />
<stop offset=".852" stop-color="#ff8d0b" />
<stop offset=".887" stop-color="#ff9c1d" />
<stop offset=".928" stop-color="#ffb53c" />
<stop offset=".974" stop-color="#ffd766" />
<stop offset="1" stop-color="#ffed81" />
</radialGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="268.949"
y2="413.546"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c98933" />
<stop offset=".585" stop-color="#985b24" />
<stop offset="1" stop-color="#7a3f1b" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#c98933" />
<stop offset=".771" stop-color="#7a3f1b" />
<stop offset=".827" stop-color="#7e421c" />
<stop offset=".878" stop-color="#884d1f" />
<stop offset=".927" stop-color="#9b5e25" />
<stop offset=".974" stop-color="#b4762d" />
<stop offset="1" stop-color="#c68632" />
</linearGradient>
<radialGradient
id="d"
cx="350.978"
cy="188.468"
r="32.624"
fx="350.091"
fy="172.215"
gradientTransform="matrix(1 0 0 1.417 0 -78.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="161.021"
cy="188.468"
r="32.624"
fx="160.134"
fy="172.215"
gradientTransform="matrix(1 0 0 1.417 0 -78.529)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<ellipse cx="256" cy="338.3" fill="url(#c)" rx="45.3" ry="63.4" />
<ellipse cx="351" cy="188.5" fill="url(#d)" rx="30.1" ry="42.2" />
<ellipse cx="161" cy="188.5" fill="url(#e)" rx="30.1" ry="42.2" />
</svg>
More icons in the same style and category