Add icons to this collection by clicking the heart icon.
Calculator icon - also known as technology, education, maths, calculator, calculating, and technological. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.763"
x2="-24.643"
y1="644.544"
y2="624.424"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 0C78.357 0 64 14.357 64 32v448c0 17.643 14.357 32 32 32h320c17.643 0 32-14.357 32-32V32c0-17.643-14.357-32-32-32H96zm330.667 32v448c0 5.888-4.8 10.667-10.667 10.667H96c-5.867 0-10.667-4.779-10.667-10.667V32c0-5.888 4.8-10.667 10.667-10.667h320c5.867 0 10.667 4.779 10.667 10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.307"
x2="-30.1"
y1="646.588"
y2="637.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 42.667H117.333c-5.888 0-10.667 4.779-10.667 10.667v85.333c0 5.888 4.779 10.667 10.667 10.667h277.333c5.888 0 10.667-4.779 10.667-10.667V53.333c0-5.888-4.778-10.666-10.666-10.666zM384 128H128V64h256v64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.117"
x2="-33.29"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 170.667c-23.531 0-42.667 19.136-42.667 42.667S232.469 256 256 256c23.509 0 42.667-19.136 42.667-42.667S279.509 170.667 256 170.667zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c0 11.754-9.557 21.333-21.333 21.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-31.117"
x2="-28.29"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M362.667 170.667c-23.531 0-42.667 19.136-42.667 42.667S339.136 256 362.667 256c23.509 0 42.667-19.136 42.667-42.667s-19.158-42.666-42.667-42.666zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333S384 201.579 384 213.333c0 11.755-9.557 21.334-21.333 21.334z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-41.117"
x2="-38.29"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M149.333 170.667c-23.531 0-42.667 19.136-42.667 42.667S125.803 256 149.333 256c23.51 0 42.667-19.136 42.667-42.667s-19.157-42.666-42.667-42.666zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c.001 11.754-9.557 21.333-21.333 21.333z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-36.117"
x2="-33.289"
y1="632.898"
y2="630.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 277.333c-23.531 0-42.667 19.136-42.667 42.667 0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667 0-23.531-19.158-42.667-42.667-42.667zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c0 11.755-9.557 21.333-21.333 21.333z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-31.117"
x2="-28.29"
y1="632.898"
y2="630.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M362.667 277.333C339.136 277.333 320 296.469 320 320c0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667-.001-23.531-19.158-42.667-42.667-42.667zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333S384 308.245 384 320c0 11.755-9.557 21.333-21.333 21.333z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.117"
x2="-38.29"
y1="632.898"
y2="630.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M149.333 277.333c-23.531 0-42.667 19.136-42.667 42.667 0 23.531 19.136 42.667 42.667 42.667 23.51 0 42.667-19.136 42.667-42.667 0-23.531-19.157-42.667-42.667-42.667zm0 64C137.557 341.333 128 331.755 128 320c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c.001 11.755-9.557 21.333-21.333 21.333z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-36.117"
x2="-33.289"
y1="627.897"
y2="625.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 384c-23.531 0-42.667 19.136-42.667 42.667 0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667C298.667 403.136 279.509 384 256 384zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c0 11.754-9.557 21.333-21.333 21.333z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-31.117"
x2="-28.29"
y1="627.898"
y2="625.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M362.667 384C339.136 384 320 403.136 320 426.667c0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667-.001-23.531-19.158-42.667-42.667-42.667zm0 64c-11.776 0-21.333-9.579-21.333-21.333 0-11.755 9.557-21.333 21.333-21.333S384 414.912 384 426.667c0 11.754-9.557 21.333-21.333 21.333z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-41.117"
x2="-38.289"
y1="627.898"
y2="625.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M149.333 384c-23.531 0-42.667 19.136-42.667 42.667 0 23.531 19.136 42.667 42.667 42.667 23.509 0 42.667-19.136 42.667-42.667C192 403.136 172.843 384 149.333 384zm0 64C137.557 448 128 438.421 128 426.667c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333c.001 11.754-9.557 21.333-21.333 21.333z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category