Gentleface › Tools › wrench
wrench icon
wrenchWrench: wrench, maintenance, repair, fix. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<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>
// 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: see /icons/wrench.md
Svelte: see /icons/wrench.md
HTML img: see /icons/wrench.md
CSS: see /icons/wrench.md
Data URL: see /icons/wrench.md
Sprite: see /icons/wrench.md
SwiftUI: see /icons/wrench.md
Compose: see /icons/wrench.md
Android XML: see /icons/wrench.md
Flutter: see /icons/wrench.md
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. 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. More in how to use.
Meaning
- Use it for
- wrench, maintenance, repair, fix, under maintenance, maintenance mode, repairs
- Alternatives
wrench-clock: scheduled maintenance or service historyconstruction: under construction or work in progresstoolbox: 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
- Tags
- wrench, spanner, tool, maintenance, repair, fix, service
- Category
- Tools
- Component name
WrenchIcon- History
- added
Family 1
More tools icons
axe hammer scissors shovel toolbox tools tools-upright · all tools icons
For agents
Metadata: /icons/wrench.json · Markdown: /icons/wrench.md · SVG: https://gentleface.com/svg/{style}/16/wrench.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/wrench.png