Add icons to this collection by clicking the heart icon.
Calculator icon - also known as technology, maths, calculator, calculating, technological, and business and finance. 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="-43.091"
x2="17.322"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M111.787 512h288.427c24.038 0 43.52-19.482 43.52-43.52V43.52c0-24.038-19.482-43.52-43.52-43.52H111.787c-24.038 0-43.52 19.482-43.52 43.52v424.96c0 24.038 19.481 43.52 43.52 43.52zM85.333 43.52c0-14.609 11.844-26.453 26.453-26.453h288.427c14.609 0 26.453 11.844 26.453 26.453v424.96c0 14.609-11.844 26.453-26.453 26.453H111.787c-14.609 0-26.453-11.844-26.453-26.453V43.52z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.091"
x2="17.322"
y1="625.711"
y2="625.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M110.933 153.6h290.133a8.536 8.536 0 0 0 8.533-8.533v-102.4a8.536 8.536 0 0 0-8.533-8.533H110.933a8.536 8.536 0 0 0-8.533 8.533v102.4a8.536 8.536 0 0 0 8.533 8.533zm8.534-102.4h273.067v85.333H119.467V51.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.091"
x2="17.322"
y1="587.711"
y2="587.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M366.933 375.467h-51.2A8.536 8.536 0 0 0 307.2 384v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V384c.001-4.71-3.822-8.533-8.533-8.533zm-8.533 68.266h-34.133v-51.2H358.4v51.2z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.091"
x2="17.322"
y1="587.711"
y2="587.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M281.6 375.467h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V384a8.536 8.536 0 0 0-8.533-8.533zm-8.533 68.266h-34.133v-51.2h34.133v51.2z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.091"
x2="17.322"
y1="587.711"
y2="587.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M196.267 375.467h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V384a8.536 8.536 0 0 0-8.533-8.533zm-8.534 68.266H153.6v-51.2h34.133v51.2z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.091"
x2="17.322"
y1="599.711"
y2="599.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M366.933 273.067h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V281.6c.001-4.71-3.822-8.533-8.533-8.533zm-8.533 68.266h-34.133v-51.2H358.4v51.2z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-43.091"
x2="17.322"
y1="599.711"
y2="599.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M281.6 273.067h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V281.6a8.536 8.536 0 0 0-8.533-8.533zm-8.533 68.266h-34.133v-51.2h34.133v51.2z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-43.091"
x2="17.322"
y1="599.711"
y2="599.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M196.267 273.067h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V281.6a8.536 8.536 0 0 0-8.533-8.533zm-8.534 68.266H153.6v-51.2h34.133v51.2z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-43.091"
x2="17.322"
y1="611.711"
y2="611.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M366.933 170.667h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V179.2c.001-4.71-3.822-8.533-8.533-8.533zm-8.533 68.266h-34.133v-51.2H358.4v51.2z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-43.091"
x2="17.322"
y1="611.711"
y2="611.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M281.6 170.667h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267A8.536 8.536 0 0 0 230.4 256h51.2a8.536 8.536 0 0 0 8.533-8.533V179.2a8.536 8.536 0 0 0-8.533-8.533zm-8.533 68.266h-34.133v-51.2h34.133v51.2z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-43.091"
x2="17.322"
y1="611.711"
y2="611.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M196.267 170.667h-51.2a8.536 8.536 0 0 0-8.533 8.533v68.267a8.536 8.536 0 0 0 8.533 8.533h51.2a8.536 8.536 0 0 0 8.533-8.533V179.2a8.536 8.536 0 0 0-8.533-8.533zm-8.534 68.266H153.6v-51.2h34.133v51.2z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-43.091"
x2="17.322"
y1="591.711"
y2="591.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M110.933 401.067a8.536 8.536 0 0 0 8.533-8.533v-17.067a8.536 8.536 0 0 0-8.533-8.533 8.536 8.536 0 0 0-8.533 8.533v17.067a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-43.091"
x2="17.322"
y1="585.211"
y2="585.211"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M110.933 469.333a8.536 8.536 0 0 0 8.533-8.533v-42.667a8.536 8.536 0 0 0-8.533-8.533 8.536 8.536 0 0 0-8.533 8.533V460.8a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-43.091"
x2="17.322"
y1="625.711"
y2="625.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M375.467 85.333h-8.533V76.8c0-4.71-3.823-8.533-8.533-8.533s-8.533 3.823-8.533 8.533v8.533h-8.533a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533h8.533v8.533c0 4.71 3.823 8.533 8.533 8.533s8.533-3.823 8.533-8.533V102.4h8.533A8.536 8.536 0 0 0 384 93.867c0-4.711-3.823-8.534-8.533-8.534z"
fill="url(#n)"
/>
</svg>
More icons in the same style and category