<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M15.936 3.412a.75.75 0 0 0-.207-1.207 4.502 4.502 0 0 0-6.374 4.83l-6.66 6.762a2.624 2.624 0 0 0 3.734 3.687l6.702-6.766a4.502 4.502 0 0 0 4.72-6.392.75.75 0 0 0-1.207-.207l-1.676 1.676-.707-.707zm-4.268.733a3 3 0 0 1 2.288-.874L12.67 4.558a.75.75 0 0 0 0 1.06l1.767 1.768a.75.75 0 0 0 1.061 0l1.287-1.287a2.998 2.998 0 0 1-3.723 3.078.75.75 0 0 0-.714.2L5.364 16.43a1.124 1.124 0 0 1-1.6-1.58l6.946-7.053a.75.75 0 0 0 .188-.726 3 3 0 0 1 .77-2.925M4.79 15.833a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833"/></svg></template>
<script setup lang="ts">
/**
 * Wrench20 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>
