<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M10.833 3.416c.199 0 .39.08.53.22l5 5a.75.75 0 0 1 0 1.06l-5.385 5.387H17.5a.75.75 0 0 1 0 1.5H5.833a.75.75 0 0 1-.53-.22L1.97 13.03a.75.75 0 0 1 0-1.06l8.333-8.334c.14-.14.331-.22.53-.22M3.56 12.5l2.584 2.584h2.713l.915-.917-3.94-3.939zm3.333-3.333 3.94 3.94 3.94-3.94-3.94-3.939z"/></svg></template>
<script setup lang="ts">
/**
 * Eraser20 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>
