<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="m12.26 5.884-1.2 1.2 1.857 1.856 1.2-1.2zm.707-.707 1.856 1.856.783-.783-1.856-1.856zM6.78 2.803 10 6.023l3.22-3.22a.75.75 0 0 1 1.06 0l2.917 2.917a.75.75 0 0 1 0 1.06L13.977 10l3.22 3.22a.75.75 0 0 1 0 1.06l-2.917 2.917a.75.75 0 0 1-1.06 0L10 13.977 8.447 15.53a.75.75 0 0 1-.367.202l-3.75.834a.75.75 0 0 1-.895-.895l.833-3.75a.75.75 0 0 1 .202-.368L6.023 10l-3.22-3.22a.75.75 0 0 1 0-1.06L5.72 2.803a.75.75 0 0 1 1.06 0m.304 8.258 1.856 1.856-.992.99-1.856-1.855zM5.576 12.95l-.421 1.896 1.896-.422zm.674-8.556L4.394 6.25l.991.991.512-.511a.5.5 0 0 1 .707.707l-.512.511.96.96.928-.928a.5.5 0 0 1 .707.707l-.928.928.96.96.51-.512a.5.5 0 1 1 .708.707l-.511.512.96.96.927-.929a.5.5 0 1 1 .707.707l-.928.928.96.96.511-.511a.5.5 0 1 1 .707.707l-.511.511.991.991 1.856-1.856z"/></svg></template>
<script setup lang="ts">
/**
 * DiyAlt20 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>
