Add icons to this collection by clicking the heart icon.
Calculator icon - also known as technology, maths, calculator, calculating, and technological. Created in a clean outline 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"
>
<defs>
<linearGradient
id="a"
x1="255.5"
x2="255.5"
y1="492.965"
y2="15.456"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="255"
x2="255"
y1="493"
y2="15.49"
href="#a"
/>
<linearGradient
id="c"
x1="165"
x2="165"
y1="492.965"
y2="15.455"
href="#a"
/>
<linearGradient
id="d"
x1="255"
x2="255"
y1="492.965"
y2="15.455"
href="#a"
/>
<linearGradient
id="e"
x1="345"
x2="345"
y1="492.965"
y2="15.455"
href="#a"
/>
<linearGradient
id="f"
x1="165"
x2="165"
y1="492.965"
y2="15.456"
href="#a"
/>
<linearGradient
id="g"
x1="255"
x2="255"
y1="492.965"
y2="15.456"
href="#a"
/>
<linearGradient
id="h"
x1="345"
x2="345"
y1="492.965"
y2="15.456"
href="#a"
/>
<linearGradient
id="i"
x1="166"
x2="166"
y1="492.965"
y2="15.456"
href="#a"
/>
<linearGradient
id="j"
x1="255"
x2="255"
y1="492.965"
y2="15.456"
href="#a"
/>
<linearGradient
id="k"
x1="345"
x2="345"
y1="492.965"
y2="15.455"
href="#a"
/>
<linearGradient
id="l"
x1="166"
x2="166"
y1="492.965"
y2="15.455"
href="#a"
/>
<linearGradient
id="m"
x1="255"
x2="255"
y1="492.965"
y2="15.455"
href="#a"
/>
</defs>
<path
d="M414 75a47 47 0 0 0-47-47H144a47 47 0 0 0-47 47v382a47 47 0 0 0 47 47h223a47 47 0 0 0 47-47Zm-14 382a33 33 0 0 1-33 33H144a33 33 0 0 1-33-33V75a33 33 0 0 1 33-33h223a33 33 0 0 1 33 33Z"
fill="url(#a)"
/>
<path
d="M382 88a27 27 0 0 0-27-27H155a27 27 0 0 0-27 27v54a27 27 0 0 0 27 27h200a27 27 0 0 0 27-27Zm-14 54a13 13 0 0 1-13 13H155a13 13 0 0 1-13-13V88a13 13 0 0 1 13-13h200a13 13 0 0 1 13 13Z"
fill="url(#b)"
/>
<path
d="M192 198a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-40 7h26v24h-26Z"
fill="url(#c)"
/>
<path
d="M282 198a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#d)"
/>
<path
d="M372 198a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#e)"
/>
<path
d="M192 273a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-40 7h26v24h-26Z"
fill="url(#f)"
/>
<path
d="M282 273a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#g)"
/>
<path
d="M372 273a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#h)"
/>
<path
d="M193 349a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 32h-26v-25h26Z"
fill="url(#i)"
/>
<path
d="M282 349a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 32h-26v-25h26Z"
fill="url(#j)"
/>
<path
d="M372 349a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v113a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 107h-26V356h26Z"
fill="url(#k)"
/>
<path
d="M193 425a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#l)"
/>
<path
d="M282 425a7 7 0 0 0-7-7h-40a7 7 0 0 0-7 7v38a7 7 0 0 0 7 7h40a7 7 0 0 0 7-7Zm-14 31h-26v-24h26Z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category