<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.707 2.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l9 9A1 1 0 0 0 18 16h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-.293-.707zM18.414 14l-6.103-6.104 1.585-1.585L20 12.414V14zM13.19 5.604l-1.585 1.585L10.414 6 12 4.414zM2.617 4.076a1 1 0 0 1 1.09.217l16 16A1 1 0 0 1 19 22H3a1 1 0 0 1-1-1V5a1 1 0 0 1 .617-.924M4 7.414V20h12.586l-1.94-1.94-.292.294a.5.5 0 0 1-.708-.708l.293-.292-1.293-1.293-.792.793a.5.5 0 0 1-.708-.708l.793-.792-1.293-1.293-.292.293a.5.5 0 0 1-.708-.708l.293-.292-1.293-1.293-.792.793a.5.5 0 0 1-.708-.708l.793-.792-1.293-1.293-.292.293a.5.5 0 0 1-.708-.708l.293-.292zm2.809 6.624a.5.5 0 0 1 .545.108l2.5 2.5a.5.5 0 0 1-.354.854H7a.5.5 0 0 1-.5-.5v-2.5a.5.5 0 0 1 .309-.462m.691 1.67v.792h.793z"/></svg></template>
<script setup lang="ts">
/**
 * Diy24 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>
