Add icons to this collection by clicking the heart icon.
Calculator icon - also known as technology, maths, calculator, calculating, electronics, 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5262e6" />
<stop offset="1" stop-color="#0021b5" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="89.235"
x2="388.775"
y1="274.968"
y2="274.968"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="M368.601 67.993H143.399c-30.218 0-54.942 24.724-54.942 54.942v266.13c0 30.218 24.724 54.942 54.942 54.942h225.203c30.218 0 54.942-24.724 54.942-54.942V122.936c-.001-30.219-24.725-54.943-54.943-54.943z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="89.235"
x2="388.775"
y1="381.296"
y2="381.296"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="M129.827 110.329h252.339v69.14H129.827z" fill="url(#c)" />
<linearGradient
id="d"
x1="89.235"
x2="388.775"
y1="238.529"
y2="238.529"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M129.827 266.414h67.672v55.32h-67.672z" fill="url(#d)" />
<linearGradient
id="e"
x1="89.235"
x2="388.775"
y1="173.239"
y2="173.239"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M129.827 334.634h67.672v55.32h-67.672z" fill="url(#e)" />
<linearGradient
id="f"
x1="89.235"
x2="388.775"
y1="238.359"
y2="238.359"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M222.842 266.591h67.672v55.32h-67.672z" fill="url(#f)" />
<linearGradient
id="g"
x1="89.235"
x2="388.775"
y1="173.059"
y2="173.059"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M222.842 334.822h67.672v55.32h-67.672z" fill="url(#g)" />
<linearGradient
id="h"
x1="89.235"
x2="388.775"
y1="303.999"
y2="303.999"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M129.827 198.005h67.672v55.32h-67.672z" fill="url(#h)" />
<linearGradient
id="i"
x1="89.235"
x2="388.775"
y1="303.819"
y2="303.819"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M222.842 198.193h67.672v55.32h-67.672z" fill="url(#i)" />
<linearGradient
id="j"
x1="89.235"
x2="388.775"
y1="303.819"
y2="303.819"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<path d="M314.499 198.193h67.672v55.32h-67.672z" fill="url(#j)" />
<linearGradient
id="k"
x1="89.235"
x2="388.775"
y1="205.786"
y2="205.786"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<path d="M314.499 266.612h67.672V389.96h-67.672z" fill="url(#k)" />
</svg>
More icons in the same style and category