Add icons to this collection by clicking the heart icon.
Calculator icon - also known as business, tool, buttons, finances, calculator, calculate, and business and finance. Created in a clean outline color style with a white, silver, magenta, purple, and pink finish, 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 48 48"
>
<rect width="28" height="42" x="10" y="3" fill="#8b97ff" rx="2" />
<path
fill="#6384ff"
d="M36 42H12a2 2 0 0 1-2-2v3a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-3a2 2 0 0 1-2 2z"
/>
<path
fill="#f2e0ff"
d="M36 3H12a2 2 0 0 0-2 2v3a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2V5a2 2 0 0 0-2-2z"
/>
<path fill="#ffeee3" d="M14 8h20v10H14z" />
<path fill="#fff7ff" d="M14 8h20v2H14z" />
<path fill="#ffd6bf" d="M14 16h20v2H14z" />
<rect width="2" height="4" x="36" y="4" fill="#f2e0ff" rx="1" />
<rect width="2" height="4" x="36" y="40" fill="#6384ff" rx="1" />
<rect width="2" height="4" x="12" y="40" fill="#6384ff" rx="1" />
<rect width="2" height="4" x="24" y="41" fill="#6384ff" rx="1" />
<rect width="2" height="4" x="27" y="3" fill="#f2e0ff" rx="1" />
<rect width="2" height="4" x="10" y="5" fill="#f2e0ff" rx="1" />
<rect width="2" height="4" x="14" y="3" fill="#f2e0ff" rx="1" />
<rect width="2" height="4" x="16" y="7" fill="#fff7ff" rx="1" />
<rect width="2" height="4" x="19" y="8" fill="#fff7ff" rx="1" />
<rect width="2" height="4" x="26" y="7" fill="#fff7ff" rx="1" />
<rect width="2" height="4" x="32" y="14" fill="#ffd6bf" rx="1" />
<rect width="2" height="4" x="29" y="15" fill="#ffd6bf" rx="1" />
<rect width="2" height="4" x="23" y="15" fill="#ffd6bf" rx="1" />
<rect width="2" height="4" x="16" y="14" fill="#ffd6bf" rx="1" />
<path fill="#ff54a6" d="M26 23h8v18h-8z" />
<path fill="#ffcfff" d="M26 23h8v2h-8z" />
<path fill="#ff3b98" d="M26 39h8v2h-8z" />
<path fill="#ff54a6" d="M14 34h8v7h-8zM14 23h8v7h-8z" />
<path
fill="#583ea0"
d="M36 46H12a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3zM12 4a1 1 0 0 0-1 1v38a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"
/>
<path
fill="#583ea0"
d="M34 19H14a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-19-2h18V9H15z"
/>
<path fill="#ffcfff" d="M14 23h8v2h-8z" />
<path fill="#ff3b98" d="M14 28h8v2h-8zM14 39h8v2h-8z" />
<g fill="#ffcfff">
<rect width="2" height="4" x="15" y="22" rx="1" />
<rect width="2" height="4" x="20" y="23" rx="1" />
<rect width="2" height="4" x="26" y="23" rx="1" />
<rect width="2" height="4" x="29" y="22" rx="1" />
<rect width="2" height="4" x="32" y="24" rx="1" />
</g>
<rect width="2" height="4" x="28" y="37" fill="#ff3b98" rx="1" />
<rect width="2" height="4" x="31" y="38" fill="#ff3b98" rx="1" />
<rect width="2" height="4" x="18" y="33" fill="#ffcfff" rx="1" />
<rect width="2" height="4" x="17" y="38" fill="#ff3b98" rx="1" />
<rect width="2" height="4" x="20" y="38" fill="#ff3b98" rx="1" />
<rect width="2" height="4" x="15" y="33" fill="#ffcfff" rx="1" />
<rect width="2" height="4" x="16" y="27" fill="#ff3b98" rx="1" />
<path fill="#ffcfff" d="M14 34h8v2h-8z" />
<path
fill="#583ea0"
d="M34 42h-8a1 1 0 0 1-1-1V23a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-7-2h6V24h-6zM22 42h-8a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1zm-7-2h6v-5h-6zM22 31h-8a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1zm-7-2h6v-5h-6z"
/>
</svg>
More icons in the same style and category