<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M29.354 13.768 26.12 17 31 21.879l3.232-3.233zm1.414-1.414 4.878 4.878L37.88 15 33 10.121zM16.06 6.939 24 14.88l7.94-7.94a1.5 1.5 0 0 1 2.12 0l7 7a1.5 1.5 0 0 1 0 2.122L33.122 24l7.94 7.94a1.5 1.5 0 0 1 0 2.12l-7 7a1.5 1.5 0 0 1-2.122 0L24 33.122l-3.94 3.94a1.5 1.5 0 0 1-.735.403l-9 2a1.5 1.5 0 0 1-1.79-1.79l2-9a1.5 1.5 0 0 1 .404-.735L14.88 24l-7.94-7.94a1.5 1.5 0 0 1 0-2.12l7-7a1.5 1.5 0 0 1 2.122 0M17 26.121 21.879 31l-2.733 2.732-4.878-4.878zm-3.818 4.475-1.206 5.428 5.428-1.206zM15 10.121 10.121 15l2.733 2.732 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44 2.587 2.585 2.439-2.44a1 1 0 0 1 1.414 1.415l-2.44 2.44 2.587 2.585 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44 2.587 2.585 2.439-2.44a1 1 0 0 1 1.414 1.415l-2.44 2.44 2.587 2.585 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44L33 37.878 37.879 33z"/></svg></template>
<script setup lang="ts">
/**
 * DiyAlt48 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>
