<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="m19.687 9.06-2.273 2.273 3.253 3.253 2.273-2.273zm.707-.706 3.253 3.252L25.253 10 22 6.748zm.9-3.728L16 9.92l-5.293-5.293a1 1 0 0 0-1.414 0L4.626 9.293a1 1 0 0 0 0 1.414L9.92 16l-2.626 2.626a1 1 0 0 0-.269.49l-1.333 6a1 1 0 0 0 1.193 1.194l6-1.334a1 1 0 0 0 .49-.269L16 22.081l5.293 5.293a1 1 0 0 0 1.414 0l4.667-4.667a1 1 0 0 0 0-1.414L22.08 16l5.293-5.293a1 1 0 0 0 0-1.414l-4.667-4.667a1 1 0 0 0-1.414 0m-11.9 14.728 1.94-1.94 3.252 3.253-1.94 1.94zm-.563.85-.847 3.812 3.812-.847zM10 6.749 6.747 10l1.939 1.94.96-.96a.5.5 0 0 1 .707.707l-.96.96 1.96 1.96 1.626-1.627a.5.5 0 0 1 .707.707l-1.626 1.626 1.96 1.96.959-.96a.5.5 0 0 1 .707.707l-.96.96 1.96 1.96 1.626-1.627a.5.5 0 1 1 .707.707l-1.626 1.627 1.96 1.96.96-.96a.5.5 0 1 1 .706.707l-.96.96L22 25.252 25.253 22z"/></svg></template>
<script setup lang="ts">
/**
 * DiyAlt32 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>
