<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="M2.85 16.093a1 1 0 0 0 0 1.414l4.243 4.243a1 1 0 0 0 1.415 0l2.215-2.216a1 1 0 0 0 1.23-.724l.563-2.256 1.803-.482a1 1 0 0 0 .742-.942l.042-1.785 1.27-.392a1 1 0 0 0 .705-.994l-.07-1.821 1.293-.27a1 1 0 0 0 .796-.998l-.03-1.633 1.397-.519a1 1 0 0 0 .359-1.644l-2.77-2.77a1 1 0 0 0-1.414 0l-10.96 10.96zm6.364 2.121-2.828-2.828L4.972 16.8 7.8 19.628zm1.505-2.717-.279 1.114-1.225-1.225 3.536-3.536a.5.5 0 1 0-.707-.707L8.508 14.68 7.8 13.97l9.546-9.545.96.96-.601.224a1 1 0 0 0-.652.956l.029 1.513-1.31.273a1 1 0 0 0-.795 1.018l.073 1.898-1.225.378a1 1 0 0 0-.705.932l-.041 1.755-1.648.44a1 1 0 0 0-.712.724m-3.803 1.126a.5.5 0 1 0-.707.707l1.06 1.06a.5.5 0 0 0 .708-.706z"/></svg></template>
<script setup lang="ts">
/**
 * WoodSaw24 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>
