<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.417 5.167c0-.967.783-1.75 1.75-1.75h9.667c.966 0 1.75.783 1.75 1.75v9.666a1.75 1.75 0 0 1-1.75 1.75H5.167a1.75 1.75 0 0 1-1.75-1.75zm1.75-.25a.25.25 0 0 0-.25.25v9.666c0 .138.112.25.25.25h9.667a.25.25 0 0 0 .25-.25V5.166a.25.25 0 0 0-.25-.25zm1.146 6.188a.5.5 0 0 1 .708 0l.48.48.48-.48a.5.5 0 0 1 .706.707l-.48.48.48.48a.5.5 0 0 1-.707.706l-.48-.48-.48.48a.5.5 0 1 1-.707-.707l.48-.48-.48-.48a.5.5 0 0 1 0-.706m.146-3.897a.5.5 0 0 0 0 1h2.083a.5.5 0 0 0 0-1zm4.291.5a.5.5 0 0 1 .5-.5H12v-.75a.5.5 0 0 1 1 0v.75h.75a.5.5 0 1 1 0 1H13v.75a.5.5 0 1 1-1 0v-.75h-.75a.5.5 0 0 1-.5-.5m.709 4.084a.5.5 0 1 0 0 1h2.083a.5.5 0 0 0 0-1zm1.041-.334a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833m.417 2.084a.417.417 0 1 1-.833 0 .417.417 0 0 1 .833 0"/></svg></template>
<script setup lang="ts">
/**
 * Calculator20 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
