# wrench icon

Wrench. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/wrench

- Category: Tools
- Use it for: wrench, maintenance, repair, fix, under maintenance, maintenance mode, repairs
- Tags: wrench, spanner, tool, maintenance, repair, fix, service
- Family: wrench-clock
- Component name: WrenchIcon
- Added: 2026-10-14

## Alternatives

- `wrench-clock`: scheduled maintenance or service history
- `construction`: under construction or work in progress
- `toolbox`: a repair kit or handyman services

## Don't confuse with

- `settings`: the gear means settings, not maintenance

## Also fits

- auto fix: repair or maintenance done by hand
- troubleshoot: repair or maintenance (fix)
- under construction: down for maintenance
- vehicle service: maintenance or repair in general

## Not for

- settings (use `settings`): a wrench means maintenance or repair
- build (use `hammer`): Material's build icon is a wrench, but wrench owns maintenance and repair

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/wrench.svg · PNG https://gentleface.com/png/line-round/16/wrench.png · https://gentleface.com/png/line-round/32/wrench.png · https://gentleface.com/png/line-round/48/wrench.png
- line-soft: https://gentleface.com/svg/line-soft/16/wrench.svg · PNG https://gentleface.com/png/line-soft/16/wrench.png · https://gentleface.com/png/line-soft/32/wrench.png · https://gentleface.com/png/line-soft/48/wrench.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/wrench.svg · PNG https://gentleface.com/png/line-sharp/16/wrench.png · https://gentleface.com/png/line-sharp/32/wrench.png · https://gentleface.com/png/line-sharp/48/wrench.png
- solid-round: https://gentleface.com/svg/solid-round/16/wrench.svg · PNG https://gentleface.com/png/solid-round/16/wrench.png · https://gentleface.com/png/solid-round/32/wrench.png · https://gentleface.com/png/solid-round/48/wrench.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/wrench.svg · PNG https://gentleface.com/png/solid-soft/16/wrench.png · https://gentleface.com/png/solid-soft/32/wrench.png · https://gentleface.com/png/solid-soft/48/wrench.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/wrench.svg · PNG https://gentleface.com/png/solid-sharp/16/wrench.png · https://gentleface.com/png/solid-sharp/32/wrench.png · https://gentleface.com/png/solid-sharp/48/wrench.png

The SVG of every style: https://gentleface.com/icons/wrench.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z"/></svg>
```

### React

```tsx
// Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench
import type { SVGProps } from 'react';

export function WrenchIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/wrench.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench. Takes the text color. */
.icon-wrench {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#wrench"/></svg>
```

### SwiftUI

```swift
// Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench
import SwiftUI

struct WrenchIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 11.5, y: 5.793))
        p.addLine(to: CGPoint(x: 13.115, y: 4.178))
        p.addCurve(to: CGPoint(x: 13.402, y: 4.036), control1: CGPoint(x: 13.195, y: 4.098), control2: CGPoint(x: 13.29, y: 4.051))
        p.addCurve(to: CGPoint(x: 13.772, y: 4.134), control1: CGPoint(x: 13.538, y: 4.018), control2: CGPoint(x: 13.662, y: 4.05))
        p.addCurve(to: CGPoint(x: 13.964, y: 4.465), control1: CGPoint(x: 13.881, y: 4.217), control2: CGPoint(x: 13.946, y: 4.328))
        p.addCurve(to: CGPoint(x: 13.762, y: 6.36), control1: CGPoint(x: 14.052, y: 5.113), control2: CGPoint(x: 13.984, y: 5.745))
        p.addCurve(to: CGPoint(x: 12.477, y: 8.141), control1: CGPoint(x: 13.503, y: 7.076), control2: CGPoint(x: 13.075, y: 7.669))
        p.addCurve(to: CGPoint(x: 10.446, y: 8.975), control1: CGPoint(x: 11.88, y: 8.612), control2: CGPoint(x: 11.203, y: 8.89))
        p.addCurve(to: CGPoint(x: 8.87, y: 8.837), control1: CGPoint(x: 9.907, y: 9.036), control2: CGPoint(x: 9.381, y: 8.99))
        p.addLine(to: CGPoint(x: 4.764, y: 12.944))
        p.addCurve(to: CGPoint(x: 4.252, y: 13.56), control1: CGPoint(x: 4.636, y: 13.183), control2: CGPoint(x: 4.466, y: 13.388))
        p.addCurve(to: CGPoint(x: 3.338, y: 13.971), control1: CGPoint(x: 3.983, y: 13.776), control2: CGPoint(x: 3.678, y: 13.913))
        p.addCurve(to: CGPoint(x: 2.339, y: 13.888), control1: CGPoint(x: 2.998, y: 14.03), control2: CGPoint(x: 2.665, y: 14.002))
        p.addCurve(to: CGPoint(x: 1.586, y: 13.414), control1: CGPoint(x: 2.052, y: 13.787), control2: CGPoint(x: 1.801, y: 13.629))
        p.addCurve(to: CGPoint(x: 1.112, y: 12.661), control1: CGPoint(x: 1.371, y: 13.199), control2: CGPoint(x: 1.213, y: 12.948))
        p.addCurve(to: CGPoint(x: 1.029, y: 11.662), control1: CGPoint(x: 0.998, y: 12.335), control2: CGPoint(x: 0.97, y: 12.002))
        p.addCurve(to: CGPoint(x: 1.44, y: 10.748), control1: CGPoint(x: 1.087, y: 11.322), control2: CGPoint(x: 1.224, y: 11.017))
        p.addCurve(to: CGPoint(x: 2.056, y: 10.236), control1: CGPoint(x: 1.612, y: 10.534), control2: CGPoint(x: 1.817, y: 10.364))
        p.addLine(to: CGPoint(x: 6.163, y: 6.13))
        p.addCurve(to: CGPoint(x: 6.025, y: 4.554), control1: CGPoint(x: 6.01, y: 5.619), control2: CGPoint(x: 5.964, y: 5.093))
        p.addCurve(to: CGPoint(x: 6.859, y: 2.523), control1: CGPoint(x: 6.11, y: 3.797), control2: CGPoint(x: 6.388, y: 3.12))
        p.addCurve(to: CGPoint(x: 8.64, y: 1.238), control1: CGPoint(x: 7.331, y: 1.925), control2: CGPoint(x: 7.924, y: 1.497))
        p.addCurve(to: CGPoint(x: 10.535, y: 1.036), control1: CGPoint(x: 9.255, y: 1.016), control2: CGPoint(x: 9.887, y: 0.948))
        p.addCurve(to: CGPoint(x: 10.822, y: 1.178), control1: CGPoint(x: 10.647, y: 1.051), control2: CGPoint(x: 10.742, y: 1.098))
        p.addCurve(to: CGPoint(x: 10.972, y: 1.532), control1: CGPoint(x: 10.922, y: 1.278), control2: CGPoint(x: 10.972, y: 1.395))
        p.addCurve(to: CGPoint(x: 10.822, y: 1.885), control1: CGPoint(x: 10.972, y: 1.668), control2: CGPoint(x: 10.922, y: 1.785))
        p.addLine(to: CGPoint(x: 9.207, y: 3.5))
        p.addLine(to: CGPoint(x: 11.5, y: 5.793))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.707, y: 11))
        p.addCurve(to: CGPoint(x: 2.569, y: 11.098), control1: CGPoint(x: 2.667, y: 11.04), control2: CGPoint(x: 2.621, y: 11.073))
        p.addCurve(to: CGPoint(x: 2.22, y: 11.374), control1: CGPoint(x: 2.432, y: 11.163), control2: CGPoint(x: 2.315, y: 11.255))
        p.addCurve(to: CGPoint(x: 2.014, y: 11.831), control1: CGPoint(x: 2.112, y: 11.508), control2: CGPoint(x: 2.044, y: 11.661))
        p.addCurve(to: CGPoint(x: 2.056, y: 12.33), control1: CGPoint(x: 1.985, y: 12.001), control2: CGPoint(x: 1.999, y: 12.167))
        p.addCurve(to: CGPoint(x: 2.293, y: 12.707), control1: CGPoint(x: 2.106, y: 12.474), control2: CGPoint(x: 2.185, y: 12.599))
        p.addCurve(to: CGPoint(x: 2.67, y: 12.944), control1: CGPoint(x: 2.401, y: 12.815), control2: CGPoint(x: 2.526, y: 12.894))
        p.addCurve(to: CGPoint(x: 3.169, y: 12.986), control1: CGPoint(x: 2.833, y: 13.001), control2: CGPoint(x: 2.999, y: 13.015))
        p.addCurve(to: CGPoint(x: 3.626, y: 12.78), control1: CGPoint(x: 3.339, y: 12.956), control2: CGPoint(x: 3.492, y: 12.888))
        p.addCurve(to: CGPoint(x: 3.902, y: 12.431), control1: CGPoint(x: 3.745, y: 12.685), control2: CGPoint(x: 3.837, y: 12.568))
        p.addCurve(to: CGPoint(x: 4, y: 12.293), control1: CGPoint(x: 3.927, y: 12.379), control2: CGPoint(x: 3.96, y: 12.333))
        p.addLine(to: CGPoint(x: 8.383, y: 7.91))
        p.addCurve(to: CGPoint(x: 8.633, y: 7.774), control1: CGPoint(x: 8.453, y: 7.84), control2: CGPoint(x: 8.537, y: 7.794))
        p.addCurve(to: CGPoint(x: 8.917, y: 7.798), control1: CGPoint(x: 8.729, y: 7.754), control2: CGPoint(x: 8.824, y: 7.761))
        p.addCurve(to: CGPoint(x: 10.335, y: 7.981), control1: CGPoint(x: 9.374, y: 7.975), control2: CGPoint(x: 9.847, y: 8.036))
        p.addCurve(to: CGPoint(x: 11.858, y: 7.355), control1: CGPoint(x: 10.902, y: 7.917), control2: CGPoint(x: 11.41, y: 7.709))
        p.addCurve(to: CGPoint(x: 12.821, y: 6.02), control1: CGPoint(x: 12.306, y: 7.002), control2: CGPoint(x: 12.627, y: 6.557))
        p.addCurve(to: CGPoint(x: 12.886, y: 5.821), control1: CGPoint(x: 12.845, y: 5.954), control2: CGPoint(x: 12.867, y: 5.888))
        p.addLine(to: CGPoint(x: 12.207, y: 6.5))
        p.addCurve(to: CGPoint(x: 11.5, y: 6.793), control1: CGPoint(x: 12.012, y: 6.695), control2: CGPoint(x: 11.776, y: 6.793))
        p.addCurve(to: CGPoint(x: 10.793, y: 6.5), control1: CGPoint(x: 11.224, y: 6.793), control2: CGPoint(x: 10.988, y: 6.695))
        p.addLine(to: CGPoint(x: 8.5, y: 4.207))
        p.addCurve(to: CGPoint(x: 8.207, y: 3.5), control1: CGPoint(x: 8.305, y: 4.012), control2: CGPoint(x: 8.207, y: 3.776))
        p.addCurve(to: CGPoint(x: 8.5, y: 2.793), control1: CGPoint(x: 8.207, y: 3.224), control2: CGPoint(x: 8.305, y: 2.988))
        p.addLine(to: CGPoint(x: 9.179, y: 2.114))
        p.addCurve(to: CGPoint(x: 8.98, y: 2.179), control1: CGPoint(x: 9.112, y: 2.133), control2: CGPoint(x: 9.046, y: 2.155))
        p.addCurve(to: CGPoint(x: 7.645, y: 3.142), control1: CGPoint(x: 8.443, y: 2.373), control2: CGPoint(x: 7.998, y: 2.694))
        p.addCurve(to: CGPoint(x: 7.019, y: 4.665), control1: CGPoint(x: 7.291, y: 3.59), control2: CGPoint(x: 7.083, y: 4.098))
        p.addCurve(to: CGPoint(x: 7.202, y: 6.083), control1: CGPoint(x: 6.964, y: 5.153), control2: CGPoint(x: 7.025, y: 5.626))
        p.addCurve(to: CGPoint(x: 7.226, y: 6.367), control1: CGPoint(x: 7.239, y: 6.176), control2: CGPoint(x: 7.246, y: 6.271))
        p.addCurve(to: CGPoint(x: 7.09, y: 6.617), control1: CGPoint(x: 7.206, y: 6.463), control2: CGPoint(x: 7.16, y: 6.547))
        p.addLine(to: CGPoint(x: 2.707, y: 11))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// WrenchIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val WrenchIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "wrench", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(WrenchIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_wrench.xml · Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M11.5 5.793L13.115 4.178C13.195 4.098 13.29 4.051 13.402 4.036C13.538 4.018 13.662 4.05 13.772 4.134C13.881 4.217 13.946 4.328 13.964 4.465C14.052 5.113 13.984 5.745 13.762 6.36C13.503 7.076 13.075 7.669 12.477 8.141C11.88 8.612 11.203 8.89 10.446 8.975C9.907 9.036 9.381 8.99 8.87 8.837L4.764 12.944C4.636 13.183 4.466 13.388 4.252 13.56C3.983 13.776 3.678 13.913 3.338 13.971C2.998 14.03 2.665 14.002 2.339 13.888C2.052 13.787 1.801 13.629 1.586 13.414C1.371 13.199 1.213 12.948 1.112 12.661C0.998 12.335 0.97 12.002 1.029 11.662C1.087 11.322 1.224 11.017 1.44 10.748C1.612 10.534 1.817 10.364 2.056 10.236L6.163 6.13C6.01 5.619 5.964 5.093 6.025 4.554C6.11 3.797 6.388 3.12 6.859 2.523C7.331 1.925 7.924 1.497 8.64 1.238C9.255 1.016 9.887 0.948 10.535 1.036C10.647 1.051 10.742 1.098 10.822 1.178C10.922 1.278 10.972 1.395 10.972 1.532C10.972 1.668 10.922 1.785 10.822 1.885L9.207 3.5L11.5 5.793ZM2.707 11C2.667 11.04 2.621 11.073 2.569 11.098C2.432 11.163 2.315 11.255 2.22 11.374C2.112 11.508 2.044 11.661 2.014 11.831C1.985 12.001 1.999 12.167 2.056 12.33C2.106 12.474 2.185 12.599 2.293 12.707C2.401 12.815 2.526 12.894 2.67 12.944C2.833 13.001 2.999 13.015 3.169 12.986C3.339 12.956 3.492 12.888 3.626 12.78C3.745 12.685 3.837 12.568 3.902 12.431C3.927 12.379 3.96 12.333 4 12.293L8.383 7.91C8.453 7.84 8.537 7.794 8.633 7.774C8.729 7.754 8.824 7.761 8.917 7.798C9.374 7.975 9.847 8.036 10.335 7.981C10.902 7.917 11.41 7.709 11.858 7.355C12.306 7.002 12.627 6.557 12.821 6.02C12.845 5.954 12.867 5.888 12.886 5.821L12.207 6.5C12.012 6.695 11.776 6.793 11.5 6.793C11.224 6.793 10.988 6.695 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.776 8.207 3.5C8.207 3.224 8.305 2.988 8.5 2.793L9.179 2.114C9.112 2.133 9.046 2.155 8.98 2.179C8.443 2.373 7.998 2.694 7.645 3.142C7.291 3.59 7.083 4.098 7.019 4.665C6.964 5.153 7.025 5.626 7.202 6.083C7.239 6.176 7.246 6.271 7.226 6.367C7.206 6.463 7.16 6.547 7.09 6.617L2.707 11Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "wrench" (line-round), MIT. https://gentleface.com/icons/wrench
import 'package:flutter/widgets.dart';

class WrenchIcon extends StatelessWidget {
  const WrenchIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _WrenchIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _WrenchIconPainter extends CustomPainter {
  _WrenchIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(11.5, 5.793)
      ..lineTo(13.115, 4.178)
      ..cubicTo(13.195, 4.098, 13.29, 4.051, 13.402, 4.036)
      ..cubicTo(13.538, 4.018, 13.662, 4.05, 13.772, 4.134)
      ..cubicTo(13.881, 4.217, 13.946, 4.328, 13.964, 4.465)
      ..cubicTo(14.052, 5.113, 13.984, 5.745, 13.762, 6.36)
      ..cubicTo(13.503, 7.076, 13.075, 7.669, 12.477, 8.141)
      ..cubicTo(11.88, 8.612, 11.203, 8.89, 10.446, 8.975)
      ..cubicTo(9.907, 9.036, 9.381, 8.99, 8.87, 8.837)
      ..lineTo(4.764, 12.944)
      ..cubicTo(4.636, 13.183, 4.466, 13.388, 4.252, 13.56)
      ..cubicTo(3.983, 13.776, 3.678, 13.913, 3.338, 13.971)
      ..cubicTo(2.998, 14.03, 2.665, 14.002, 2.339, 13.888)
      ..cubicTo(2.052, 13.787, 1.801, 13.629, 1.586, 13.414)
      ..cubicTo(1.371, 13.199, 1.213, 12.948, 1.112, 12.661)
      ..cubicTo(0.998, 12.335, 0.97, 12.002, 1.029, 11.662)
      ..cubicTo(1.087, 11.322, 1.224, 11.017, 1.44, 10.748)
      ..cubicTo(1.612, 10.534, 1.817, 10.364, 2.056, 10.236)
      ..lineTo(6.163, 6.13)
      ..cubicTo(6.01, 5.619, 5.964, 5.093, 6.025, 4.554)
      ..cubicTo(6.11, 3.797, 6.388, 3.12, 6.859, 2.523)
      ..cubicTo(7.331, 1.925, 7.924, 1.497, 8.64, 1.238)
      ..cubicTo(9.255, 1.016, 9.887, 0.948, 10.535, 1.036)
      ..cubicTo(10.647, 1.051, 10.742, 1.098, 10.822, 1.178)
      ..cubicTo(10.922, 1.278, 10.972, 1.395, 10.972, 1.532)
      ..cubicTo(10.972, 1.668, 10.922, 1.785, 10.822, 1.885)
      ..lineTo(9.207, 3.5)
      ..lineTo(11.5, 5.793)
      ..close()
      ..moveTo(2.707, 11)
      ..cubicTo(2.667, 11.04, 2.621, 11.073, 2.569, 11.098)
      ..cubicTo(2.432, 11.163, 2.315, 11.255, 2.22, 11.374)
      ..cubicTo(2.112, 11.508, 2.044, 11.661, 2.014, 11.831)
      ..cubicTo(1.985, 12.001, 1.999, 12.167, 2.056, 12.33)
      ..cubicTo(2.106, 12.474, 2.185, 12.599, 2.293, 12.707)
      ..cubicTo(2.401, 12.815, 2.526, 12.894, 2.67, 12.944)
      ..cubicTo(2.833, 13.001, 2.999, 13.015, 3.169, 12.986)
      ..cubicTo(3.339, 12.956, 3.492, 12.888, 3.626, 12.78)
      ..cubicTo(3.745, 12.685, 3.837, 12.568, 3.902, 12.431)
      ..cubicTo(3.927, 12.379, 3.96, 12.333, 4, 12.293)
      ..lineTo(8.383, 7.91)
      ..cubicTo(8.453, 7.84, 8.537, 7.794, 8.633, 7.774)
      ..cubicTo(8.729, 7.754, 8.824, 7.761, 8.917, 7.798)
      ..cubicTo(9.374, 7.975, 9.847, 8.036, 10.335, 7.981)
      ..cubicTo(10.902, 7.917, 11.41, 7.709, 11.858, 7.355)
      ..cubicTo(12.306, 7.002, 12.627, 6.557, 12.821, 6.02)
      ..cubicTo(12.845, 5.954, 12.867, 5.888, 12.886, 5.821)
      ..lineTo(12.207, 6.5)
      ..cubicTo(12.012, 6.695, 11.776, 6.793, 11.5, 6.793)
      ..cubicTo(11.224, 6.793, 10.988, 6.695, 10.793, 6.5)
      ..lineTo(8.5, 4.207)
      ..cubicTo(8.305, 4.012, 8.207, 3.776, 8.207, 3.5)
      ..cubicTo(8.207, 3.224, 8.305, 2.988, 8.5, 2.793)
      ..lineTo(9.179, 2.114)
      ..cubicTo(9.112, 2.133, 9.046, 2.155, 8.98, 2.179)
      ..cubicTo(8.443, 2.373, 7.998, 2.694, 7.645, 3.142)
      ..cubicTo(7.291, 3.59, 7.083, 4.098, 7.019, 4.665)
      ..cubicTo(6.964, 5.153, 7.025, 5.626, 7.202, 6.083)
      ..cubicTo(7.239, 6.176, 7.246, 6.271, 7.226, 6.367)
      ..cubicTo(7.206, 6.463, 7.16, 6.547, 7.09, 6.617)
      ..lineTo(2.707, 11)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_WrenchIconPainter old) => old.color != color;
}
```