Add icons to this collection by clicking the heart icon.
Sad Face icon - also known as emotion, sad, unhappy, expression, sad face, feelings, smileys, emoticion, and emoji. 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="198.675"
x2="198.675"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="313.326"
x2="313.326"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="314.59"
x2="314.59"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="197.41"
x2="197.41"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M331 96H181c-46.9.1-84.9 38.1-85 85v150c.1 46.9 38.1 84.9 85 85h150c46.9-.1 84.9-38.1 85-85V181c-.1-46.9-38.1-84.9-85-85zm75 235c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75h150c41.4 0 75 33.6 75 75z"
/>
<path
fill="url(#b)"
d="M301.4 331.7s-7.3-28.3-45.4-28.3-45.4 28.3-45.4 28.3c-2.1-1-4-2.6-5.4-4.5.2.7 4.3 14.3 16 5.9l-8-.4s8.5-15 42.8-15 42.8 15 42.8 15l-8 .4c11.7 8.4 15.8-5.2 16-5.9-1.4 1.9-3.2 3.4-5.4 4.5zM256 316.2c-35.1 0-43.6 15.2-44.1 16.2.3-1.3 7.6-26.2 44.1-26.2s43.8 24.9 44.1 26.2c-.5-1-9-16.2-44.1-16.2z"
/>
<path
fill="url(#c)"
d="M230.8 240.4c1.3-1.5-.1-4.9-2.4-4.5-35.3 5.5-62.3-9.6-62.3-9.6s8.5 13.9 23.9 20.3c12.4 5.2 31.1 4.9 40.8-6.2z"
/>
<path
fill="url(#d)"
d="M281.2 240.4c-1.3-1.5.1-4.9 2.4-4.5 35.3 5.5 62.3-9.6 62.3-9.6s-8.5 13.9-23.9 20.3c-12.4 5.2-31.1 4.9-40.8-6.2z"
/>
<path
fill="url(#e)"
d="M349 201.3c0-.9-.2-1.8-.6-2.6 0 0-9.2-12.5-23-18.8-13.7-6.2-23.9-6.5-31.2-3.9-7.6 2.7-17 9.4-13 20.5 2.1 5.8 7.5 3.7 13.5 2.5 5.9-1.2 24-6.8 50.3 3.1 2.8 1.2 3.7.3 4-.8z"
/>
<path
fill="url(#f)"
d="M163 201.3c0-.9.2-1.8.6-2.6 0 0 9.2-12.5 23-18.8 13.7-6.2 23.9-6.5 31.2-3.9 7.6 2.7 17 9.4 13 20.5-2.1 5.8-7.5 3.7-13.5 2.5s-24-6.8-50.3 3.1c-2.8 1.2-3.7.3-4-.8z"
/>
</svg>
More icons in the same style and category