tools icon

Tools: tools, utilities, utility. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

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="M7.082 5.254C6.978 4.782 6.972 4.308 7.064 3.832C7.172 3.277 7.401 2.777 7.752 2.333C8.102 1.889 8.535 1.549 9.05 1.315C9.51 1.105 9.994 1 10.5 1C10.638 1 10.756 1.049 10.854 1.146C10.953 1.246 11.003 1.364 11.003 1.5C11.003 1.636 10.953 1.754 10.854 1.854L9.207 3.5L11.5 5.793L13.146 4.146C13.244 4.049 13.362 4 13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.887 13.937 5.265 13.812 5.631C13.679 6.021 13.483 6.376 13.225 6.696C12.967 7.017 12.662 7.283 12.309 7.496C11.978 7.696 11.623 7.838 11.244 7.92C11.175 7.935 11.109 7.936 11.046 7.925L10.646 7.525C10.62 7.392 10.643 7.27 10.714 7.159C10.788 7.045 10.894 6.973 11.031 6.943C11.192 6.908 11.348 6.858 11.497 6.793C11.222 6.792 10.987 6.694 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.777 8.207 3.501C8.135 3.667 8.081 3.841 8.046 4.023C7.977 4.378 7.985 4.731 8.069 5.083C8.102 5.22 8.083 5.346 8.012 5.462C7.94 5.578 7.836 5.653 7.699 5.686C7.64 5.7 7.583 5.704 7.528 5.699L7.082 5.254ZM1.146 2.854C1.049 2.756 1 2.638 1 2.5C1 2.362 1.049 2.244 1.146 2.146C1.246 2.047 1.364 1.997 1.5 1.997C1.636 1.997 1.754 2.047 1.854 2.146L8.5 8.793C8.6 8.893 8.649 9.01 8.649 9.146C8.649 9.282 8.6 9.4 8.5 9.5C8.776 9.224 9.109 9.086 9.5 9.086C9.891 9.086 10.224 9.224 10.5 9.5L13 12C13.276 12.276 13.414 12.609 13.414 13C13.414 13.391 13.276 13.724 13 14C12.724 14.276 12.391 14.414 12 14.414C11.609 14.414 11.276 14.276 11 14L8.5 11.5C8.224 11.224 8.086 10.891 8.086 10.5C8.086 10.109 8.224 9.776 8.5 9.5C8.402 9.598 8.285 9.646 8.146 9.646C8.008 9.646 7.891 9.598 7.793 9.5L1.146 2.854ZM6.214 11.271C6.214 11.277 6.214 11.283 6.214 11.289C6.214 11.425 6.164 11.543 6.064 11.643L4.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.236L3.879 8.414C3.976 8.317 4.094 8.268 4.232 8.268C4.37 8.268 4.488 8.316 4.585 8.414L4.586 8.414L4.586 8.415C4.686 8.514 4.735 8.632 4.735 8.768C4.735 8.904 4.685 9.022 4.586 9.121L2.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.293L5.357 10.936C5.455 10.838 5.573 10.789 5.711 10.789C5.849 10.789 5.967 10.838 6.064 10.936L6.065 10.936C6.1 11.053 6.15 11.166 6.214 11.271Z"/></svg>

React

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

export function ToolsIcon(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="M7.082 5.254C6.978 4.782 6.972 4.308 7.064 3.832C7.172 3.277 7.401 2.777 7.752 2.333C8.102 1.889 8.535 1.549 9.05 1.315C9.51 1.105 9.994 1 10.5 1C10.638 1 10.756 1.049 10.854 1.146C10.953 1.246 11.003 1.364 11.003 1.5C11.003 1.636 10.953 1.754 10.854 1.854L9.207 3.5L11.5 5.793L13.146 4.146C13.244 4.049 13.362 4 13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.887 13.937 5.265 13.812 5.631C13.679 6.021 13.483 6.376 13.225 6.696C12.967 7.017 12.662 7.283 12.309 7.496C11.978 7.696 11.623 7.838 11.244 7.92C11.175 7.935 11.109 7.936 11.046 7.925L10.646 7.525C10.62 7.392 10.643 7.27 10.714 7.159C10.788 7.045 10.894 6.973 11.031 6.943C11.192 6.908 11.348 6.858 11.497 6.793C11.222 6.792 10.987 6.694 10.793 6.5L8.5 4.207C8.305 4.012 8.207 3.777 8.207 3.501C8.135 3.667 8.081 3.841 8.046 4.023C7.977 4.378 7.985 4.731 8.069 5.083C8.102 5.22 8.083 5.346 8.012 5.462C7.94 5.578 7.836 5.653 7.699 5.686C7.64 5.7 7.583 5.704 7.528 5.699L7.082 5.254ZM1.146 2.854C1.049 2.756 1 2.638 1 2.5C1 2.362 1.049 2.244 1.146 2.146C1.246 2.047 1.364 1.997 1.5 1.997C1.636 1.997 1.754 2.047 1.854 2.146L8.5 8.793C8.6 8.893 8.649 9.01 8.649 9.146C8.649 9.282 8.6 9.4 8.5 9.5C8.776 9.224 9.109 9.086 9.5 9.086C9.891 9.086 10.224 9.224 10.5 9.5L13 12C13.276 12.276 13.414 12.609 13.414 13C13.414 13.391 13.276 13.724 13 14C12.724 14.276 12.391 14.414 12 14.414C11.609 14.414 11.276 14.276 11 14L8.5 11.5C8.224 11.224 8.086 10.891 8.086 10.5C8.086 10.109 8.224 9.776 8.5 9.5C8.402 9.598 8.285 9.646 8.146 9.646C8.008 9.646 7.891 9.598 7.793 9.5L1.146 2.854ZM6.214 11.271C6.214 11.277 6.214 11.283 6.214 11.289C6.214 11.425 6.164 11.543 6.064 11.643L4.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.236L3.879 8.414C3.976 8.317 4.094 8.268 4.232 8.268C4.37 8.268 4.488 8.316 4.585 8.414L4.586 8.414L4.586 8.415C4.686 8.514 4.735 8.632 4.735 8.768C4.735 8.904 4.685 9.022 4.586 9.121L2.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.293L5.357 10.936C5.455 10.838 5.573 10.789 5.711 10.789C5.849 10.789 5.967 10.838 6.064 10.936L6.065 10.936C6.1 11.053 6.15 11.166 6.214 11.271Z" />
    </svg>
  );
}

Vue

Vue: see /icons/tools.md

Svelte

Svelte: see /icons/tools.md

HTML img

HTML img: see /icons/tools.md

CSS

CSS: see /icons/tools.md

Data URL

Data URL: see /icons/tools.md

Sprite

Sprite: see /icons/tools.md

SwiftUI

SwiftUI: see /icons/tools.md

Compose

Compose: see /icons/tools.md

Android XML

Android XML: see /icons/tools.md

Flutter

Flutter: see /icons/tools.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

tools, utilities, utility

Alternatives

toolbox: a kit of tools you carry (toolkit)

Don’t confuse with

settings: the gear means settings or preferences

Also fits

toolbox: a tools menu or utilities

Tags

tools, utilities, wrench, screwdriver, repair, fix, maintenance, toolkit

Category

Tools

Component name

ToolsIcon

History

2026-10-15 added

Family 1

tools-upright

More tools icons

axe hammer scissors shovel toolbox wrench wrench-clock · all tools icons

For agents

Metadata: /icons/tools.json · Markdown: /icons/tools.md · SVG: https://gentleface.com/svg/{style}/16/tools.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/tools.png

tools icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp