Add icons to this collection by clicking the heart icon.
Topology icon - also known as education, maths, geometry, shape, object, and topology. 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="c"
x1="74.98"
x2="437.018"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="256"
cy="255.999"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="90.046"
x2="418.111"
y1="421.955"
y2="93.889"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="256"
cy="256"
r="130.208"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6e70" stop-opacity="0" />
<stop offset="1" stop-color="#ff2f2b" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb5d6" />
<stop offset=".418" stop-color="#ffdbeb" />
<stop offset=".784" stop-color="#fff5fa" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="-36.068"
x2="517.588"
y1="547.993"
y2="-5.663"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="129.977"
x2="430.452"
y1="465.47"
y2="164.996"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="87.198"
x2="312.734"
y1="387.409"
y2="161.873"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="256"
cy="256"
r="210.542"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ffa9d8" stop-opacity=".7" />
<stop offset=".141" stop-color="#ffa5de" stop-opacity=".604" />
<stop offset=".521" stop-color="#ff9ee8" stop-opacity=".337" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient
id="k"
x1="9.067"
x2="470.426"
y1="634.071"
y2="172.711"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff79b1" />
<stop offset="1" stop-color="#ffe3f3" />
</linearGradient>
<radialGradient
id="l"
cx="344.483"
cy="350.293"
r="215.908"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" stop-opacity=".7" />
<stop offset=".05" stop-color="#ff3c43" stop-opacity=".663" />
<stop offset=".158" stop-color="#ff556f" stop-opacity=".583" />
<stop offset=".27" stop-color="#ff6b95" stop-opacity=".499" />
<stop offset=".386" stop-color="#ff7db4" stop-opacity=".413" />
<stop offset=".506" stop-color="#ff8bcc" stop-opacity=".323" />
<stop offset=".633" stop-color="#ff94de" stop-opacity=".228" />
<stop offset=".771" stop-color="#ff9ae8" stop-opacity=".126" />
<stop offset=".939" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M380.025 256c-.132 67.589-56.436 123.893-124.025 124.025-67.589-.132-123.893-56.436-124.025-124.025.132-67.589 56.437-123.893 124.025-124.025 67.588.132 123.892 56.436 124.025 124.025z"
/>
<path
fill="url(#f)"
d="M380.025 256c-.132 67.589-56.436 123.893-124.025 124.025-67.589-.132-123.893-56.436-124.025-124.025.132-67.589 56.437-123.893 124.025-124.025 67.588.132 123.892 56.436 124.025 124.025z"
/>
<path
fill="url(#g)"
d="M256 55.1C148.905 55.661 55.661 148.906 55.1 256c.561 107.094 93.806 200.34 200.9 200.9V318.525c-34.414-.017-62.507-28.11-62.525-62.525.017-34.415 28.11-62.508 62.525-62.525 34.415.017 62.508 28.11 62.525 62.525.001 17.222-7.038 32.829-18.365 44.16-6.761 6.763-11.838 14.573-15.225 22.906-10.19 24.989-20.395 54.744-.449 74.921 6.006 6.085 27.989 10.62 35.261 13.849 24.93 11.157 55.376 5.681 76.578-15.51C433.128 359.429 456.935 310.03 456.9 256 456.34 148.906 363.094 55.661 256 55.1z"
/>
<path
fill="url(#h)"
d="M328.45 69.795c56.938 36.383 97.456 100.054 97.676 171.099.267 72.621-41.774 137.29-101.064 173.027 23.829 8.226 51.547 2.107 71.263-17.595C433.128 359.429 456.935 310.03 456.9 256c-.034-82.258-55.45-155.188-128.45-186.205z"
/>
<path
fill="url(#i)"
d="M210.478 298.731c-.753.386-1.501.782-2.244 1.187-53.51 29.256-120.638-4.35-128.38-63.813a186.752 186.752 0 0 1-1.463-25.348c.227-22.667 4.537-44.485 12.134-64.968C68.389 177.787 55.082 215.532 55.1 256c.561 107.094 93.806 200.34 200.9 200.9V318.525c-17.931.001-34.096-7.638-45.522-19.794z"
/>
<path
fill="url(#j)"
d="M256 55.1C148.905 55.661 55.661 148.906 55.1 256c.561 107.094 93.806 200.34 200.9 200.9V318.525c-34.414-.017-62.507-28.11-62.525-62.525.017-34.415 28.11-62.508 62.525-62.525 34.415.017 62.508 28.11 62.525 62.525.001 17.222-7.038 32.829-18.365 44.16-6.761 6.763-11.838 14.573-15.225 22.906-10.19 24.989-20.395 54.744-.449 74.921 6.006 6.085 27.989 10.62 35.261 13.849 24.93 11.157 55.376 5.681 76.578-15.51C433.128 359.429 456.935 310.03 456.9 256 456.34 148.906 363.094 55.661 256 55.1z"
/>
<path
fill="url(#k)"
d="M299.672 397.89c-19.458-19.691-24.674-48.624-15.322-73.283a68.83 68.83 0 0 0-28.351-6.082c-38.152.029-68.939 30.746-68.462 68.806.522 38.047 31.31 69.552 68.462 69.569 28.81.003 53.639-18.92 63.753-45.078-7.277-3.247-14.099-7.882-20.08-13.932z"
/>
<path
fill="url(#l)"
d="M299.672 397.89c-19.458-19.691-24.674-48.624-15.322-73.283a68.83 68.83 0 0 0-28.351-6.082c-38.152.029-68.939 30.746-68.462 68.806.522 38.047 31.31 69.552 68.462 69.569 28.81.003 53.639-18.92 63.753-45.078-7.277-3.247-14.099-7.882-20.08-13.932z"
/>
</svg>
More icons in the same style and category