Add icons to this collection by clicking the heart icon.
Angle icon - also known as education, maths, angle, geometry, degrees, and shapes and symbols. 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 512 512"
>
<radialGradient
id="g"
cx="431.158"
cy="729.453"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 339.488)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1f4b0" />
<stop offset=".512" stop-color="#e9f9d9" />
<stop offset=".519" stop-color="#e9f9d9" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff6ab" />
<stop offset=".518" stop-color="#fff485" />
<stop offset=".833" stop-color="#ffed26" />
<stop offset=".976" stop-color="#ffea00" />
</linearGradient>
<radialGradient
id="h"
cx="190.682"
cy="358.294"
r="36.971"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff044" />
<stop offset=".449" stop-color="#ffea00" />
<stop offset=".647" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</linearGradient>
<radialGradient
id="i"
cx="254.402"
cy="346.305"
r="48.729"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd6d6" />
<stop offset=".535" stop-color="#ffb3bd" />
<stop offset=".56" stop-color="#ffb1bb" />
<stop offset=".973" stop-color="#ff8b99" />
</linearGradient>
<radialGradient
id="j"
cx="327.432"
cy="79.458"
r="54.058"
gradientTransform="rotate(22.48 38.194 384.267)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="325.531"
cy="226.64"
r="101.08"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="146.358"
cy="291.998"
r="63.755"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="237.98"
cy="280.667"
r="54.011"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff546a" />
<stop offset=".504" stop-color="#ff3650" />
<stop offset=".657" stop-color="#e92b5a" />
<stop offset=".942" stop-color="#c3186c" />
</linearGradient>
<radialGradient
id="n"
cx="456.343"
cy="273.333"
r="53.566"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="o"
cx="487.766"
cy="245.458"
r="370.497"
gradientTransform="rotate(22.48 38.194 384.267)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#c4f19b" />
<stop offset=".518" stop-color="#a4ed62" />
<stop offset=".785" stop-color="#85e026" />
<stop offset=".976" stop-color="#72d800" />
</linearGradient>
<radialGradient
id="p"
cx="440.758"
cy="408.08"
r="60.094"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#e0f6df" />
<stop offset=".514" stop-color="#ddf7c5" />
<stop offset=".56" stop-color="#daf7c0" />
<stop offset=".976" stop-color="#c4f19b" />
</linearGradient>
<radialGradient
id="q"
cx="425.55"
cy="309.253"
r="73.626"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="r"
cx="340.973"
cy="142.86"
r="38.722"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="s"
cx="180.675"
cy="151.64"
r="158.436"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="t"
cx="342.022"
cy="64.135"
r="30.871"
gradientTransform="matrix(0 1 -1.651 0 447.914 -277.887)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<radialGradient
id="u"
cx="292.596"
cy="106.016"
r="44.1"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="v"
cx="467.844"
cy="346.966"
r="432.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7be700" />
<stop offset=".512" stop-color="#72d800" />
<stop offset=".808" stop-color="#26b847" />
<stop offset=".976" stop-color="#00a96a" />
</radialGradient>
<path
fill="url(#g)"
d="M256 448c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path
fill="url(#h)"
d="M183.734 358.4c0-15.292-6.704-29.019-17.334-38.4-4.509-3.979 19.427-9.381 19.427-9.381 19.169 7.4 45.567 19.336 45.567 41.115l-25.6 19.466z"
/>
<path
fill="url(#i)"
d="m192.994 303.452-7.167 7.167c19.169 7.4 32.767 26.003 32.767 47.781 0 6.79-1.322 13.271-3.722 19.2h26.902a76.915 76.915 0 0 0 2.42-19.2c0-22.745-9.888-43.181-25.6-57.243-4.145-3.711-25.6 2.295-25.6 2.295z"
/>
<path
fill="url(#j)"
d="M402.807 202.851 393.01 179.2h44.192l23.598 38.4z"
/>
<path
fill="url(#k)"
d="m27.279 358.4 375.528-155.549H473.6L71.471 358.4z"
/>
<path
fill="url(#l)"
d="M166.292 300.819c1.488-23.215-12.507-43.376-32.659-51.155h33.633c19.169 7.4 45.567 19.336 45.567 41.115l-13.415 14.623z"
/>
<path
fill="url(#m)"
d="m186.454 230.476-19.188 19.188c19.169 7.4 32.767 26.003 32.767 47.781 0 6.79-1.322 13.271-3.722 19.2h26.902a76.915 76.915 0 0 0 2.42-19.2c0-28.746-15.794-53.804-39.179-66.969z"
/>
<path
fill="url(#n)"
d="m412.603 226.503 9.797 23.651h44.192L460.8 204.8z"
/>
<path
fill="url(#o)"
d="m98.617 374.865 358.179-148.362 9.796 23.651 32.608-55.07-61.998-15.884 9.797 23.651L71.471 358.4z"
/>
<path fill="url(#p)" d="M422.4 410.133v-25.6l51.2-12.8-12.8 38.4z" />
<path fill="url(#q)" d="M422.4 358.933v-25.6h38.4l12.8 38.4z" />
<path
fill="url(#r)"
d="m311.482 109.255 18.102 18.102h38.4L345.6 102.933z"
/>
<path fill="url(#s)" d="m0 384.533 293.38-293.38 52.22-1.02-307.2 294.4z" />
<path fill="url(#t)" d="M275.278 73.051 338.635 64h38.4L320 90.133z" />
<path fill="url(#u)" d="m293.38 91.153-18.102-18.102h38.4L358.4 91.153z" />
<path
fill="url(#v)"
d="m512 371.733-51.2-38.4v25.6H100.204l249.678-249.678 18.102 18.102L377.035 64l-63.357 9.051 18.102 18.102L38.4 384.533h422.4v25.6z"
/>
</svg>
More icons in the same style and category