<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="M38.036 7.977a1.5 1.5 0 0 0-.414-2.414C33.72 3.7 28.905 4.381 25.67 7.615a10.49 10.49 0 0 0-2.895 9.367L6.684 33.324a5.997 5.997 0 0 0 8.534 8.428l16.191-16.348c3.214.52 6.629-.458 9.11-2.94 3.235-3.234 3.916-8.05 2.052-11.951a1.5 1.5 0 0 0-2.414-.414l-4.234 4.234-2.121-2.122zM27.79 9.737a7.49 7.49 0 0 1 6.365-2.123l-3.536 3.537a1.5 1.5 0 0 0 0 2.121l4.243 4.243a1.5 1.5 0 0 0 2.12 0l3.537-3.537a7.49 7.49 0 0 1-2.122 6.365 7.5 7.5 0 0 1-7.122 1.974 1.5 1.5 0 0 0-1.428.4L13.086 39.641a2.997 2.997 0 0 1-4.265-4.212L25.491 18.5a1.5 1.5 0 0 0 .376-1.453 7.5 7.5 0 0 1 1.924-7.311M11.501 38a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></svg></template>
<script setup lang="ts">
/**
 * Wrench48 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>
