Add icons to this collection by clicking the heart icon.
Sad icon - also known as sad, unhappy, sadness, smileys, concern, emoticion, emoji, worry, and worrying. Created in a clean lineal color gradient style with a white, silver, black, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset=".56" stop-color="#404040" />
<stop offset="1" stop-color="#404040" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef790f" />
<stop offset=".56" stop-color="#fd0" />
<stop offset="1" stop-color="#ffec70" />
</linearGradient>
<path
fill="url(#a)"
d="M416 181v150c0 46.9-38.1 85-85 85H181c-46.9 0-85-38.1-85-85V181c0-46.9 38.1-85 85-85h150c46.9 0 85 38.1 85 85z"
/>
<path
fill="url(#b)"
d="M181 106h150c41.4 0 75 33.6 75 75v150c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75z"
/>
<ellipse cx="200.5" cy="243.4" fill="#ef790f" rx="49.7" ry="54.9" />
<ellipse cx="201.3" cy="245" fill="#fff" rx="47.2" ry="51.4" />
<ellipse cx="202.6" cy="245.1" fill="#1e1e1e" rx="31.3" ry="32.5" />
<ellipse cx="202.6" cy="245.1" fill="#88d5ff" rx="26.8" ry="27.8" />
<ellipse cx="202.6" cy="245.1" fill="#1e1e1e" rx="16.6" ry="17.2" />
<g fill="#fff">
<circle cx="217.5" cy="230.1" r="11.9" />
<circle cx="198.6" cy="259.2" r="5.1" />
</g>
<ellipse cx="311.5" cy="243.4" fill="#ef790f" rx="49.7" ry="54.9" />
<ellipse cx="310.7" cy="245" fill="#fff" rx="47.2" ry="51.4" />
<ellipse cx="309.4" cy="245.1" fill="#1e1e1e" rx="31.3" ry="32.5" />
<ellipse cx="309.4" cy="245.1" fill="#88d5ff" rx="26.8" ry="27.8" />
<ellipse cx="309.4" cy="245.1" fill="#1e1e1e" rx="16.6" ry="17.2" />
<g fill="#fff">
<circle cx="324.3" cy="230.1" r="11.9" />
<circle cx="305.4" cy="259.2" r="5.1" />
</g>
<g fill="#1e1e1e">
<path
d="M360.2 163.5c-.1 1.2-1.9 2.8-1.9 2.8s-16.5 11.1-35.8 12.6-31.6-2.5-39.3-8.9c-8-6.6-16.4-18.6-6.7-30.3 5-6.1 10.7-1.2 17.3 2.9 6.6 4 26 18.6 62 18.1 3.9-.1 4.6 1.5 4.4 2.8zM151.8 163.5c.1 1.2 1.9 2.8 1.9 2.8s16.5 11.1 35.8 12.6 31.6-2.5 39.3-8.9c8-6.6 16.4-18.6 6.7-30.3-5-6.1-10.7-1.2-17.3 2.9-6.6 4-26 18.6-62 18.1-3.9-.1-4.6 1.5-4.4 2.8z"
/>
</g>
<path
fill="#ef790f"
d="M299.1 357.3s-24.3-14.1-43.1-14.1-43.1 14.1-43.1 14.1 10.9-32.5 43.1-32.5 43.1 32.5 43.1 32.5z"
/>
<path
fill="#1e1e1e"
d="M294.5 351.6c-14.5-8.5-27.5-11.7-38.5-12.1-11 .3-24 3.5-38.5 12.1.5-.7 16.2-22.9 38.5-23.2 22.3.3 38 22.5 38.5 23.2z"
/>
</svg>
More icons in the same style and category