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 490.667 490.667"
>
<linearGradient
id="a"
x1="-49.532"
x2="5.63"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M346.667 0H48C30.327 0 16 14.327 16 32v426.667c0 17.673 14.327 32 32 32h298.667c17.673 0 32-14.327 32-32V32c0-17.673-14.327-32-32-32zm10.666 458.667c0 5.891-4.776 10.667-10.667 10.667H48c-5.891 0-10.667-4.776-10.667-10.667V32c0-5.891 4.776-10.667 10.667-10.667h298.667c5.891 0 10.667 4.776 10.667 10.667v426.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-49.532"
x2="5.63"
y1="617.802"
y2="617.802"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M314.667 53.333H80c-5.891 0-10.667 4.776-10.667 10.667v96c0 5.891 4.776 10.667 10.667 10.667h234.667c5.891 0 10.667-4.776 10.667-10.667V64c-.001-5.891-4.776-10.667-10.667-10.667zm-10.667 96H90.667V74.667H304v74.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-49.532"
x2="5.63"
y1="606.302"
y2="606.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M122.667 202.667H80c-5.891 0-10.667 4.776-10.667 10.667V256c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.891-4.776-10.666-10.667-10.666zM112 245.333H90.667V224H112v21.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-49.532"
x2="5.63"
y1="606.302"
y2="606.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M218.667 202.667H176c-5.891 0-10.667 4.776-10.667 10.667V256c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.891-4.776-10.666-10.667-10.666zM208 245.333h-21.333V224H208v21.333z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-49.532"
x2="5.63"
y1="606.302"
y2="606.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M314.667 202.667H272c-5.891 0-10.667 4.776-10.667 10.667V256c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.891-4.776-10.666-10.667-10.666zM304 245.333h-21.333V224H304v21.333z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-49.532"
x2="5.63"
y1="598.302"
y2="598.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M314.667 288H272c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.891-4.776-10.667-10.667-10.667zM304 330.667h-21.333v-21.333H304v21.333z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-49.532"
x2="5.63"
y1="590.302"
y2="590.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M314.667 373.333H272c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667V384c-.001-5.891-4.776-10.667-10.667-10.667zM304 416h-21.333v-21.333H304V416z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-49.532"
x2="5.63"
y1="598.302"
y2="598.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M218.667 288H176c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.891-4.776-10.667-10.667-10.667zM208 330.667h-21.333v-21.333H208v21.333z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-49.532"
x2="5.63"
y1="590.302"
y2="590.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M218.667 373.333H176c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667V384c-.001-5.891-4.776-10.667-10.667-10.667zM208 416h-21.333v-21.333H208V416z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-49.532"
x2="5.63"
y1="598.302"
y2="598.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M122.667 288H80c-5.891 0-10.667 4.776-10.667 10.667v42.667C69.333 347.224 74.109 352 80 352h42.667c5.891 0 10.667-4.776 10.667-10.667v-42.667c-.001-5.89-4.776-10.666-10.667-10.666zM112 330.667H90.667v-21.333H112v21.333z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-49.532"
x2="5.63"
y1="590.302"
y2="590.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M122.667 373.333H80c-5.891 0-10.667 4.776-10.667 10.667v42.667c0 5.891 4.776 10.667 10.667 10.667h42.667c5.891 0 10.667-4.776 10.667-10.667V384c-.001-5.891-4.776-10.667-10.667-10.667zM112 416H90.667v-21.333H112V416z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-49.532"
x2="5.63"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 525.222 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M453.333 10.667H432c-11.782 0-21.333 9.551-21.333 21.333v394.667a10.664 10.664 0 0 0 1.067 4.768l21.333 42.667c2.628 5.272 9.032 7.416 14.305 4.789a10.671 10.671 0 0 0 4.789-4.789l21.333-42.667a10.66 10.66 0 0 0 1.173-4.768V32c0-11.782-9.552-21.333-21.334-21.333zm0 21.333v42.667H432V32h21.333zm-6.592 405.333h-8.149L432 424.149V96h21.333v328.149l-6.592 13.184z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category