<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="m14.854 7.06-1.44 1.44 2.086 2.086 1.44-1.44zm.707-.706 2.085 2.085.94-.939L16.5 5.414zm.232-3.061L12 7.086 8.207 3.293a1 1 0 0 0-1.414 0l-3.5 3.5a1 1 0 0 0 0 1.414L7.086 12l-1.793 1.793a1 1 0 0 0-.27.49l-1 4.5a1 1 0 0 0 1.194 1.193l4.5-1a1 1 0 0 0 .49-.269L12 16.914l3.793 3.793a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414L16.914 12l3.793-3.793a1 1 0 0 0 0-1.414l-3.5-3.5a1 1 0 0 0-1.414 0M7.31 14.603 8.5 13.415l2.086 2.086-1.19 1.19zm-.51.905-.484 2.175 2.175-.483zM7.5 5.414 5.414 7.5l1.19 1.19.542-.544a.5.5 0 0 1 .708.708l-.543.542 1.293 1.293 1.042-1.043a.5.5 0 0 1 .708.708L9.31 11.396l1.293 1.293.542-.543a.5.5 0 0 1 .708.708l-.543.542 1.293 1.293 1.042-1.043a.5.5 0 0 1 .708.708l-1.043 1.042 1.293 1.293.542-.543a.5.5 0 0 1 .708.708l-.543.542 1.189 1.19 2.086-2.086z"/></svg></template>
<script setup lang="ts">
/**
 * DiyAlt24 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>
