Add icons to this collection by clicking the heart icon.
Calculator icon - also known as technology, education, mathematics, maths, sign, calculator, and ui. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 2.822 15.928) scale(19.21)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.041 7.791) scale(12.244)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3fb655" />
<stop offset="1" stop-color="#137e27" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -9.762 19.012) scale(20.043)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#1b97f1" />
<stop offset="1" stop-color="#005fa3" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -7.752 16.002) scale(11.063)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 7.959 15.791) scale(6.485)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5545a" />
<stop offset="1" stop-color="#d40008" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -1.284 25.534) scale(21.813)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.784 24.534) scale(7.015)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 .966 22.784) scale(5.324)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M16 5.245a4.75 4.75 0 0 0-4.75-4.75h-6A4.75 4.75 0 0 0 .5 5.245v6a4.75 4.75 0 0 0 4.75 4.75h6a4.75 4.75 0 0 0 4.75-4.75z"
/>
<path
fill="url(#d)"
d="M10.418 7.495H6.082a.75.75 0 0 0 0 1.5h4.336a.75.75 0 0 0 0-1.5z"
/>
<path
fill="url(#d)"
d="M7.5 6.078v4.335a.75.75 0 0 0 1.5 0V6.078a.75.75 0 0 0-1.5 0z"
/>
<path
fill="url(#e)"
d="M16 20.755a4.75 4.75 0 0 0-4.75-4.75h-6a4.75 4.75 0 0 0-4.75 4.75v6a4.75 4.75 0 0 0 4.75 4.75h6a4.75 4.75 0 0 0 4.75-4.75z"
/>
<path
fill="url(#f)"
d="m10.95 25.393-4.339-4.338a.75.75 0 1 0-1.061 1.061l4.339 4.338a.75.75 0 1 0 1.061-1.061z"
/>
<path
fill="url(#f)"
d="M9.889 21.055 5.55 25.393a.75.75 0 1 0 1.061 1.061l4.339-4.338a.75.75 0 1 0-1.061-1.061z"
/>
<path
fill="url(#c)"
d="M31.5 5.245a4.75 4.75 0 0 0-4.75-4.75h-6A4.75 4.75 0 0 0 16 5.245v6a4.75 4.75 0 0 0 4.75 4.75h6a4.75 4.75 0 0 0 4.75-4.75z"
/>
<path
fill="url(#g)"
d="M25.878 7.495h-4.256a.75.75 0 0 0 0 1.5h4.256a.75.75 0 0 0 0-1.5z"
/>
<path
fill="url(#h)"
d="M31.5 20.755a4.75 4.75 0 0 0-4.75-4.75h-6a4.75 4.75 0 0 0-4.75 4.75v6a4.75 4.75 0 0 0 4.75 4.75h6a4.75 4.75 0 0 0 4.75-4.75z"
/>
<path
fill="url(#i)"
d="M25.878 24.881h-4.256a.75.75 0 0 0 0 1.5h4.256a.75.75 0 0 0 0-1.5z"
/>
<path
fill="url(#j)"
d="M25.878 21.128h-4.256a.75.75 0 0 0 0 1.5h4.256a.75.75 0 0 0 0-1.5z"
/>
</g>
</svg>
More icons in the same style and category