Add icons to this collection by clicking the heart icon.
Intersection icon - also known as education, 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="351.868"
cy="2404.755"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 209.086)"
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="171.155"
cy="443.686"
r="136.278"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</radialGradient>
<radialGradient
id="c"
cx="56.351"
cy="238.964"
r="176.815"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68e7fd" />
<stop offset=".169" stop-color="#42e3fd" />
<stop offset=".43" stop-color="#00dcfc" />
<stop offset="1" stop-color="#00c1fc" />
</radialGradient>
<radialGradient
id="d"
cx="56.707"
cy="17.974"
r="247.401"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".43" stop-color="#d6f6fd" />
<stop offset="1" stop-color="#68e7fd" />
</radialGradient>
<radialGradient
id="e"
cx="394.869"
cy="78.339"
r="388.793"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00d1fd" />
<stop offset=".504" stop-color="#00c1fc" />
<stop offset=".976" stop-color="#0094ff" />
</radialGradient>
<radialGradient
id="f"
cx="493.344"
cy="282.284"
r="515.246"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff044" />
<stop offset=".449" stop-color="#ffea00" />
<stop offset=".647" stop-color="#fbd113" />
<stop offset=".976" stop-color="#f6ab31" />
</radialGradient>
<radialGradient
id="g"
cx="394.869"
cy="78.339"
r="388.793"
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(#a)"
d="M256 508.531c113.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="M166.4 226.931v256h38.4l25.6-256z" />
<path
fill="url(#c)"
d="M166.4 233.869 30.599 266.053c30.148 42.489 79.737 70.216 135.801 70.216h38.4c-27.203 0-27.301-61.344-38.4-102.4z"
/>
<path
fill="url(#d)"
d="M204.8 3.469h-38.4C74.5 3.469 0 77.969 0 169.869c0 35.836 11.328 69.026 30.599 96.184h116.749C120.952 168.408 140.103 3.469 204.8 3.469z"
/>
<circle cx="204.8" cy="169.869" r="166.4" fill="url(#e)" />
<path fill="url(#f)" d="M204.8 175.731H512v307.2H204.8z" />
<path
fill="url(#g)"
d="M204.8 175.731v160.538c89.938 0 163.21-71.353 166.298-160.538z"
/>
</svg>
More icons in the same style and category