Calculator icon in outline, twotone, bold and bulk. Free in all four styles, for courses, library, certificates, office work. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconCalculator } from "@devigner-ui/icons";
<IconCalculator className="size-6" />
<script setup>
import { IconCalculator } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCalculator class="size-6" />
</template>
<script>
import { IconCalculator } from "@devigner-ui/icons-svelte";
</script>
<IconCalculator class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.32 20.54C5.64 22 7.76 22 12 22s6.36 0 7.68-1.46C21 19.07 21 16.7 21 12s0-7.07-1.32-8.53C18.36 2 16.24 2 12 2S5.64 2 4.32 3.47C3 4.93 3 7.29 3 12s0 7.07 1.32 8.54" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M7 8c0-.46 0-.7.05-.89a1.5 1.5 0 0 1 1.06-1.06C8.31 6 8.54 6 9 6h6c.46 0 .7 0 .89.05.52.14.92.54 1.06 1.06.05.2.05.43.05.9 0 .46 0 .69-.05.88a1.5 1.5 0 0 1-1.06 1.06c-.2.05-.43.05-.89.05H9c-.46 0-.7 0-.89-.05a1.5 1.5 0 0 1-1.06-1.06C7 8.69 7 8.47 7 8" stroke="currentColor" stroke-width="1.5"></path><circle opacity="1" cx="8" cy="13.0006" r="1" fill="currentColor"></circle><circle opacity="1" cx="8" cy="17.0006" r="1" fill="currentColor"></circle><circle opacity="1" cx="12" cy="13.0006" r="1" fill="currentColor"></circle><circle opacity="1" cx="12" cy="17.0006" r="1" fill="currentColor"></circle><circle opacity="1" cx="16" cy="13.0006" r="1" fill="currentColor"></circle><circle opacity="1" cx="16" cy="17.0006" r="1" fill="currentColor"></circle></svg>