<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M50.361 10.282a1.5 1.5 0 0 0-.414-2.414c-5.016-2.396-11.209-1.52-15.367 2.639a13.49 13.49 0 0 0-3.671 12.298L9.269 44.782a7.496 7.496 0 0 0 10.666 10.535l21.772-21.982c4.206.763 8.71-.481 11.965-3.737 4.158-4.158 5.035-10.35 2.639-15.366a1.5 1.5 0 0 0-2.414-.414l-6 5.999-3.535-3.536zm-13.66 2.346a10.5 10.5 0 0 1 9.862-2.79L41.18 15.22a1.5 1.5 0 0 0 0 2.12L46.837 23a1.5 1.5 0 0 0 2.121 0l5.383-5.383a10.5 10.5 0 0 1-2.79 9.861 10.5 10.5 0 0 1-9.97 2.764 1.5 1.5 0 0 0-1.428.4l-22.35 22.564a4.496 4.496 0 0 1-6.397-6.318l22.225-22.57a1.5 1.5 0 0 0 .377-1.453 10.5 10.5 0 0 1 2.694-10.236M15.335 50.666a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666"/></svg></template>
<script setup lang="ts">
/**
 * Wrench64 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>
