Add icons to this collection by clicking the heart icon.
Angry icon - also known as angry, anger, mad, smileys, 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="d"
x1="1.058"
x2="32.808"
y1="16.933"
y2="16.933"
gradientTransform="rotate(90 16.933 16.933)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="16.933"
x2="16.933"
y1="22.457"
y2="13.395"
gradientTransform="matrix(2.446 0 0 -2.446 54.02 105.269)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="6.507"
x2="4.098"
y1="6.704"
y2="3.704"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="g"
x1="7.304"
x2="4.194"
y1="6.295"
y2="2.904"
gradientTransform="matrix(-1 0 0 1 17.098 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="7.784"
x2="4.872"
y1="6.085"
y2="3.805"
gradientTransform="rotate(180 8.549 8.021)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="8.158"
x2="4.79"
y1="6.108"
y2="3.442"
gradientTransform="matrix(1 0 0 -1 -1.323 16.042)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="16.933"
x2="16.933"
y1="22.457"
y2="13.395"
gradientTransform="rotate(180 13.526 13.926) scale(.647)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="20.735"
x2="20.735"
y1="25.32"
y2="19.21"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<g paint-order="markers fill stroke">
<path
fill="url(#d)"
d="M16.933 32.808A15.875 15.875 0 0 1 1.058 16.933 15.875 15.875 0 0 1 16.933 1.058a15.875 15.875 0 0 1 15.875 15.875 15.875 15.875 0 0 1-15.875 15.875z"
/>
<path
fill="url(#e)"
d="m101.2 54.927-11.855 6.844c-.884.5-1.323 1.404-1.117 2.522a9.625 9.625 0 1 0 16.18-8.952c-1.027-1.009-2.288-.945-3.208-.414z"
transform="scale(.265)"
/>
<path
fill="url(#f)"
d="M6.085 1.059c-.73 0-1.322.592-1.322 1.322.024 1.615-.563 2.304-2.264 2.387a1.323 1.323 0 0 0-.236 2.634c3.622.169 5.19-2.576 5.144-5.021 0-.73-.592-1.322-1.322-1.322z"
/>
<path
fill="url(#g)"
d="M9.69 1.059c.73 0 1.321.592 1.322 1.322-.024 1.615.562 2.304 2.264 2.387a1.323 1.323 0 0 1 .236 2.634c-3.622.169-5.19-2.576-5.145-5.021 0-.73.592-1.322 1.323-1.322z"
/>
<path
fill="url(#h)"
d="M6.085 14.984c-.73 0-1.322-.592-1.322-1.322.024-1.616-.563-2.304-2.264-2.387a1.323 1.323 0 0 1-.236-2.635c3.622-.168 5.19 2.576 5.144 5.022 0 .73-.592 1.321-1.322 1.322z"
/>
<path
fill="url(#i)"
d="M9.69 14.984c.73 0 1.321-.592 1.322-1.322-.024-1.616.562-2.304 2.264-2.387a1.323 1.323 0 0 0 .236-2.635c-3.622-.168-5.19 2.576-5.145 5.022 0 .73.592 1.321 1.323 1.322z"
/>
<path
fill="url(#j)"
d="m14.569 14.533 3.136 1.81c.234.133.35.372.296.668a2.547 2.547 0 1 1-4.282-2.369.683.683 0 0 1 .85-.11z"
/>
<path
fill="url(#k)"
d="M20.735 19.169c-2.369 0-4.317 1.948-4.317 4.316a1.323 1.323 0 0 0 1.322 1.324 1.323 1.323 0 0 0 1.325-1.324c0-.948.721-1.67 1.67-1.67.948 0 1.67.722 1.67 1.67a1.323 1.323 0 0 0 1.322 1.324 1.323 1.323 0 0 0 1.324-1.324c0-2.368-1.948-4.316-4.316-4.316z"
/>
<g fill="#e53b38">
<path
d="m15.143 21.861-.15.52.255.062.145-.494zm.02 1.332-.267.014.042.533.261-.025zm.259 1.225-.23.13.3.456.211-.158zm.838.908-.125.233.482.24.108-.242zM26.347 21.861l.15.52-.255.062-.145-.494zm-.02 1.332.267.014-.041.533-.262-.025zm-.259 1.225.23.13-.3.456-.211-.158zm-.838.908.125.233-.482.24-.108-.242z"
/>
</g>
</g>
</svg>
More icons in the same style and category