Add icons to this collection by clicking the heart icon.
Dissapointment icon - also known as emoticon, sad, stress, smileys, serious, dissapointment, emoji, anxiety, and dissapointing. Created in a clean 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 48 48"
>
<linearGradient
id="c"
x1="7.708"
x2="41.333"
y1="5.648"
y2="43.523"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" />
<stop offset="1" stop-color="#f7ae30" />
</linearGradient>
<linearGradient
id="d"
x1="24.45"
x2="39.573"
y1="24.443"
y2="39.314"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffca4f" stop-opacity="0" />
<stop offset="1" stop-color="#f4901f" />
</linearGradient>
<linearGradient
id="e"
x1="8.83"
x2="19.463"
y1="8.588"
y2="19.39"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd980" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="a"
x1="13.821"
x2="19.301"
y1="13.878"
y2="19.242"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7ae30" />
<stop offset="1" stop-color="#ffca4f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="f"
x1="28.628"
x2="34.4"
y1="13.541"
y2="19.488"
href="#a"
/>
<linearGradient id="g" x1="24" x2="24" y1="29.806" y2="38.816" href="#a" />
<linearGradient
id="b"
x1="14.585"
x2="18.502"
y1="14.626"
y2="18.459"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3f4c56" />
<stop offset="1" stop-color="#27333e" />
</linearGradient>
<linearGradient
id="h"
x1="29.448"
x2="33.573"
y1="14.385"
y2="18.635"
href="#b"
/>
<linearGradient id="i" x1="24" x2="24" y1="28.417" y2="35.175" href="#b" />
<linearGradient
id="j"
x1="6.5"
x2="6.5"
y1="2.438"
y2="12.689"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#14a5ff" />
<stop offset="1" stop-color="#037cff" />
</linearGradient>
<path
fill="url(#c)"
d="M24 46a22 22 0 1 1 22-22 22.025 22.025 0 0 1-22 22z"
/>
<path fill="url(#d)" d="M8.451 39.549a21.99 21.99 0 1 0 31.1-31.1z" />
<path
fill="url(#e)"
d="M14 34a19.963 19.963 0 0 1 28.215-18.215 19.988 19.988 0 1 0-26.43 26.43A19.854 19.854 0 0 1 14 34z"
/>
<circle cx="16.5" cy="16.5" r="3.5" fill="url(#a)" />
<circle cx="31.5" cy="16.5" r="3.5" fill="url(#f)" />
<path
fill="url(#g)"
d="M14 36a2 2 0 0 1-1.6-3.2c.146-.2 3.69-4.8 11.6-4.8s11.453 4.6 11.6 4.8A2 2 0 0 1 34 36a2.008 2.008 0 0 1-1.6-.8c-.092-.12-2.536-3.2-8.4-3.2-5.832 0-8.306 3.079-8.408 3.21A2 2 0 0 1 14 36z"
/>
<circle cx="16.5" cy="16.5" r="2.5" fill="url(#b)" />
<circle cx="31.5" cy="16.5" r="2.5" fill="url(#h)" />
<path
fill="url(#i)"
d="M34 35a1 1 0 0 1-.8-.4c-.11-.143-2.835-3.6-9.2-3.6-6.426 0-9.173 3.564-9.2 3.6a1 1 0 0 1-1.6-1.2c.135-.18 3.385-4.4 10.8-4.4s10.665 4.22 10.8 4.4A1 1 0 0 1 34 35z"
/>
<path
fill="url(#j)"
d="M2 8.722A4.393 4.393 0 0 0 6.5 13 4.393 4.393 0 0 0 11 8.722C11 6.36 6.5 2 6.5 2S2 6.36 2 8.722z"
/>
</svg>
More icons in the same style and category