<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="M19.195 4.165a1 1 0 0 0-.276-1.61 5.502 5.502 0 0 0-7.8 5.852l-7.955 8.079a3.249 3.249 0 0 0 4.622 4.565l8.007-8.083a5.502 5.502 0 0 0 5.718-7.82 1 1 0 0 0-1.61-.276l-1.94 1.94-.707-.707zm-5.122.88a3.5 3.5 0 0 1 2.439-1.026l-1.379 1.379a1 1 0 0 0 0 1.414l2.122 2.122a1 1 0 0 0 1.414 0l1.378-1.38a3.497 3.497 0 0 1-4.35 3.36 1 1 0 0 0-.95.268l-8.382 8.462a1.248 1.248 0 0 1-1.776-1.755l8.334-8.464a1 1 0 0 0 .251-.968 3.5 3.5 0 0 1 .899-3.412M5.75 19a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"/></svg></template>
<script setup lang="ts">
/**
 * Wrench24 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>
