<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="M10.53 1.97a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 0 1.06l7.5 7.5c.14.141.331.22.53.22h2.5a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.22-.53zm4.78 9.78L10.26 6.698l1.44-1.44 5.051 5.053v1.439zm-4.319-7.198-1.44 1.44L8.562 5 10 3.56zM2.213 3.474a.75.75 0 0 1 .817.162L16.364 16.97a.75.75 0 0 1-.53 1.28H2.5a.75.75 0 0 1-.75-.75V4.167a.75.75 0 0 1 .463-.693M3.25 5.977V16.75h10.773l-1.7-1.7-.303.304a.5.5 0 0 1-.707-.708l.303-.303-.96-.96-.72.72a.5.5 0 0 1-.706-.707l.72-.72-.96-.959-.303.303a.5.5 0 1 1-.707-.707l.303-.303-.96-.96-.72.72a.5.5 0 1 1-.707-.707l.72-.72-.96-.96-.302.304a.5.5 0 1 1-.708-.707l.303-.303zm2.392 5.644a.5.5 0 0 1 .545.109l2.083 2.083a.5.5 0 0 1-.353.854H5.833a.5.5 0 0 1-.5-.5v-2.084a.5.5 0 0 1 .309-.462m.691 1.67v.376h.377z"/></svg></template>
<script setup lang="ts">
/**
 * Diy20 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>
