Add icons to this collection by clicking the heart icon.
Pi icon - also known as education, mathematics, maths, sign, symbol, mathematical constant, and Pi. 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.018"
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="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="e"
x1="-15.382"
x2="576.643"
y1="527.382"
y2="-64.643"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="-11.733"
x2="517.079"
y1="523.733"
y2="-5.079"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="256"
cy="256"
r="233.108"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9ceb" stop-opacity="0" />
<stop offset=".19" stop-color="#ff9ae8" stop-opacity=".19" />
<stop offset=".337" stop-color="#ff95de" stop-opacity=".337" />
<stop offset=".47" stop-color="#ff8bce" stop-opacity=".47" />
<stop offset=".595" stop-color="#ff7eb6" stop-opacity=".595" />
<stop offset=".713" stop-color="#ff6d98" stop-opacity=".713" />
<stop offset=".827" stop-color="#ff5873" stop-opacity=".827" />
<stop offset=".936" stop-color="#ff3f48" stop-opacity=".936" />
<stop offset="1" stop-color="#ff2f2b" />
</radialGradient>
<linearGradient
id="h"
x1="131.141"
x2="529.549"
y1="380.859"
y2="-17.549"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".993" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="i"
x1="21.257"
x2="553.314"
y1="501.579"
y2="-41.887"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="92.401"
x2="529.029"
y1="507.197"
y2="61.207"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-32.689"
x2="426.445"
y1="515.577"
y2="46.598"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="200.9" fill="url(#e)" />
<circle cx="256" cy="256" r="170.15" fill="url(#f)" />
<circle cx="256" cy="256" r="170.15" fill="url(#g)" />
<path
fill="url(#h)"
d="M395.4 256c-.187 75.699-63.702 139.213-139.4 139.4-75.699-.187-139.213-63.701-139.4-139.4.187-75.699 63.701-139.213 139.4-139.4 75.698.188 139.213 63.701 139.4 139.4z"
/>
<path
fill="url(#i)"
d="M209.875 265.17c.009 16.564.04 33.128.094 49.693.028 8.479 6.92 15.384 15.381 15.408s15.313-6.851 15.305-15.341c-.018-16.583-.029-33.166-.031-49.749-10.249-.002-20.499-.006-30.749-.011z"
/>
<path
fill="url(#j)"
d="M324.289 301.056c-13.677-6.79-22.178-20.561-22.169-35.886-10.25.005-20.499.009-30.749.01-.003 27.06 15.01 51.407 39.076 63.377a15.13 15.13 0 0 0 6.833 1.587 15.554 15.554 0 0 0 13.772-8.558c3.835-7.591.812-16.77-6.763-20.53z"
/>
<path
fill="url(#k)"
d="M286.737 280.543c8.488-.009 15.379-6.893 15.384-15.373.007-14.147-.002-28.294-.029-42.441 5.122.01 10.243.021 15.365.033 8.486.019 15.345-6.819 15.306-15.277-.042-8.458-6.95-15.36-15.417-15.403-40.898-.195-81.797-.195-122.695 0-8.469.042-15.378 6.944-15.417 15.402-.041 8.459 6.822 15.296 15.306 15.277 5.121-.013 10.243-.024 15.365-.033-.026 14.147-.036 28.294-.029 42.441.004 8.479 6.897 15.363 15.384 15.373 8.489.008 15.364-6.872 15.365-15.362-.002-14.163 0-28.326.01-42.489 10.243-.006 20.486-.006 30.729 0 .009 14.163.012 28.326.01 42.489-.003 8.49 6.875 15.371 15.363 15.363z"
/>
</svg>
More icons in the same style and category