Add icons to this collection by clicking the heart icon.
Intersection icon - also known as maths, triangle, circles, geometry, intersection, 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="a"
cx="431.157"
cy="2318.664"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 165.924)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8be" />
<stop offset=".512" stop-color="#fffbe5" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="b"
cx="465.253"
cy="409.772"
r="297.735"
gradientTransform="matrix(-.79 -.613 .994 -1.281 425.755 1219.733)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff044" />
<stop offset=".512" stop-color="#ffea00" />
<stop offset=".686" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</radialGradient>
<radialGradient
id="c"
cx="179.392"
cy="211.593"
r="183.753"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffab56" />
<stop offset=".512" stop-color="#ff982a" />
<stop offset=".598" stop-color="#ff8f2a" />
<stop offset=".976" stop-color="#ff6927" />
</radialGradient>
<radialGradient
id="d"
cx="465.253"
cy="409.772"
r="297.735"
gradientTransform="matrix(-.79 -.613 .999 -1.287 423.624 1222.48)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8700" />
<stop offset=".512" stop-color="#ff6700" />
<stop offset=".579" stop-color="#fe6004" />
<stop offset=".976" stop-color="#f93a1d" />
</radialGradient>
<radialGradient
id="e"
cx="237.848"
cy="98.247"
r="345.268"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</radialGradient>
<radialGradient
id="f"
cx="237.848"
cy="98.247"
r="345.268"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".535" stop-color="#ffe4cb" />
<stop offset=".623" stop-color="#ffdfc1" />
<stop offset=".973" stop-color="#ffcb9b" />
</radialGradient>
<path
fill="url(#a)"
d="M256 455.558c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path fill="url(#b)" d="M411.916 56.442 38.4 429.958H512z" />
<path
fill="url(#c)"
d="M307.2 175.159c-70.361 0-127.399 57.039-127.399 127.399s57.039 127.4 127.399 127.4h38.77c-70.361 0-70.361-254.799 0-254.799z"
/>
<circle cx="345.97" cy="302.559" r="127.399" fill="url(#d)" />
<path fill="url(#e)" d="M0 429.958 373.516 56.442h38.4L38.4 429.958z" />
<path
fill="url(#f)"
d="M292.342 176.017c-26.39 3.065-50.32 14.196-69.262 30.862l-11.56 11.56c-16.666 18.941-27.796 42.872-30.862 69.262z"
/>
</svg>
More icons in the same style and category