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 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="640"
    height="640"
    viewBox="-72 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#2dced9" />
        <stop offset=".155" stop-color="#45cdc4" />
        <stop offset=".484" stop-color="#83ca8d" />
        <stop offset=".956" stop-color="#e5c636" />
        <stop offset="1" stop-color="#efc62d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-96"
        x2="416.248"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-96"
        x2="416.248"
        y1="104"
        y2="104"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-96"
        x2="416.248"
        y1="344"
        y2="344"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-96"
        x2="416.248"
        y1="184"
        y2="184"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-96"
        x2="416.248"
        y1="248"
        y2="248"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-96"
        x2="416.248"
        y1="312"
        y2="312"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-96"
        x2="416.248"
        y1="376"
        y2="376"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-96"
        x2="416.248"
        y1="440"
        y2="440"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M296 0H40C17.918.027.027 17.918 0 40v400c.027 22.082 17.918 39.973 40 40h256c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zm-32 16v16H72V16zm56 424c0 13.254-10.746 24-24 24H123.312l18.344-18.344-11.312-11.312L100.688 464H75.311l18.344-18.344-11.312-11.312L52.688 464H40c-13.254 0-24-10.746-24-24V40c0-13.254 10.746-24 24-24h16v32h224V16h16c13.254 0 24 10.746 24 24zm0 0"
    />
    <g fill="url(#c)">
        <path d="M32 144h272V64H32zm16-64h240v48H48zm0 0" />
        <path
            d="M80 96h32v16H80zM128 96h32v16h-32zM176 96h32v16h-32zM224 96h32v16h-32zm0 0"
        />
    </g>
    <path fill="url(#d)" d="M224 400h80V288h-80zm16-96h48v80h-48zm0 0" />
    <path
        fill="url(#e)"
        d="M32 208h80v-48H32zm16-32h48v16H48zM128 208h80v-48h-80zm16-32h48v16h-48zM224 208h80v-48h-80zm16-32h48v16h-48zm0 0"
    />
    <path
        fill="url(#f)"
        d="M32 272h80v-48H32zm16-32h48v16H48zM128 272h80v-48h-80zm16-32h48v16h-48zM224 272h80v-48h-80zm16-32h48v16h-48zm0 0"
    />
    <path
        fill="url(#g)"
        d="M32 336h80v-48H32zm16-32h48v16H48zM128 336h80v-48h-80zm16-32h48v16h-48zm0 0"
    />
    <path
        fill="url(#h)"
        d="M32 400h80v-48H32zm16-32h48v16H48zM128 400h80v-48h-80zm16-32h48v16h-48zm0 0"
    />
    <path fill="url(#i)" d="M224 432h80v16h-80zM192 432h16v16h-16zm0 0" />
</svg>
More icons in the same style and category