<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="M4.036 21.692a1 1 0 0 0 0 1.414l5.657 5.657a1 1 0 0 0 1.414 0l3.104-3.104a1 1 0 0 0 1.401-.66l.8-3.2 2.594-.692a1 1 0 0 0 .741-.942l.062-2.62 1.924-.593a1 1 0 0 0 .705-.994l-.105-2.71 2-.417a1 1 0 0 0 .796-.998l-.045-2.413 2.084-.775a1 1 0 0 0 .36-1.644l-3.693-3.693a1 1 0 0 0-1.414 0L7.808 17.92v.001zm8.72 2.593-4.242-4.242-2.356 2.356 4.242 4.243zm1.86-3.542L14.1 22.8l-2.168-2.168 4.95-4.95a.5.5 0 0 0-.708-.707l-4.95 4.95-1.296-1.297L23.128 5.43l1.883 1.884-1.289.479a1 1 0 0 0-.651.956l.043 2.294-2.017.42a1 1 0 0 0-.795 1.018l.108 2.787-1.878.58a1 1 0 0 0-.706.931l-.06 2.59-2.439.651a1 1 0 0 0-.712.724m-5.513 1.538a.5.5 0 0 0-.707.708l1.414 1.414a.5.5 0 0 0 .708-.707z"/></svg></template>
<script setup lang="ts">
/**
 * WoodSaw32 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>
