<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16.707 3.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l12 12A1 1 0 0 0 24 21h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-.293-.707zM24.414 19l-8.353-8.354 2.585-2.585L27 16.414V19zM17.94 7.354l-2.585 2.585L13.414 8 16 5.414zM3.617 5.743a1 1 0 0 1 1.09.217L26.04 27.293A1 1 0 0 1 25.333 29H4a1 1 0 0 1-1-1V6.667a1 1 0 0 1 .617-.924M5 9.08V27h17.92l-3.274-3.273-.626.627a.5.5 0 0 1-.707-.708l.626-.626-1.96-1.96-1.292 1.294a.5.5 0 0 1-.707-.708l1.293-1.292-1.96-1.96-.626.626a.5.5 0 1 1-.707-.707l.626-.626-1.96-1.96-1.292 1.293a.5.5 0 1 1-.708-.707l1.293-1.293-1.96-1.96-.625.627a.5.5 0 0 1-.708-.707l.627-.626zm4.142 9.79a.5.5 0 0 1 .545.109l3.333 3.333a.5.5 0 0 1-.353.854H9.333a.5.5 0 0 1-.5-.5v-3.334a.5.5 0 0 1 .309-.462m.691 1.67v1.626h1.627z"/></svg></template>
<script setup lang="ts">
/**
 * Diy32 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>
