Gentleface › Tools › tools-upright

tools-upright icon

Tools upright. 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="M12.144 1.144C12.241 1.048 12.359 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 6C13.276 6 13.512 6.098 13.707 6.293C13.902 6.488 14 6.724 14 7L14 8C14.276 8 14.512 8.098 14.707 8.293C14.902 8.488 15 8.724 15 9L15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L11 7C11 6.724 11.098 6.488 11.293 6.293C11.488 6.098 11.724 6 12 6L12 1.5C12 1.359 12.048 1.241 12.144 1.144ZM6 5L6 1.838C6 1.763 6.016 1.691 6.048 1.623C6.109 1.496 6.203 1.41 6.331 1.364C6.459 1.318 6.587 1.326 6.714 1.386C7.412 1.717 7.968 2.209 8.381 2.862C8.794 3.515 9 4.227 9 5C9 5.773 8.794 6.485 8.381 7.138C8.026 7.699 7.565 8.142 7 8.465L7 13C7 13.254 6.953 13.5 6.86 13.736C6.758 13.993 6.609 14.219 6.414 14.414C6.219 14.609 5.993 14.758 5.736 14.86C5.5 14.953 5.254 15 5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 8.465C2.435 8.142 1.974 7.699 1.619 7.138C1.206 6.485 1 5.773 1 5C1 4.227 1.206 3.515 1.619 2.862C2.032 2.209 2.588 1.717 3.286 1.386C3.354 1.354 3.425 1.338 3.5 1.338C3.641 1.338 3.759 1.386 3.856 1.482C3.952 1.578 4 1.697 4 1.838L4 5L6 5ZM2.465 3.396C2.155 3.886 2 4.421 2 5C2 5.579 2.155 6.114 2.465 6.604C2.774 7.093 3.191 7.462 3.714 7.711C3.802 7.752 3.872 7.814 3.923 7.895C3.974 7.976 4 8.065 4 8.162L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14C5.276 14 5.512 13.902 5.707 13.707C5.902 13.512 6 13.276 6 13L6 8.162C6 8.065 6.026 7.976 6.077 7.895C6.128 7.814 6.198 7.752 6.286 7.711C6.809 7.462 7.226 7.093 7.535 6.604C7.845 6.114 8 5.579 8 5C8 4.421 7.845 3.886 7.535 3.396C7.383 3.155 7.204 2.943 7 2.761L7 5C7 5.276 6.902 5.512 6.707 5.707C6.512 5.902 6.276 6 6 6L4 6C3.724 6 3.488 5.902 3.293 5.707C3.098 5.512 3 5.276 3 5L3 2.761C2.796 2.943 2.617 3.155 2.465 3.396ZM12 8L13 8L13 7L12 7L12 8ZM11 9L11 12.5C11 12.691 11.035 12.875 11.105 13.052C11.182 13.245 11.293 13.414 11.439 13.561C11.586 13.707 11.755 13.818 11.948 13.895C12.125 13.965 12.309 14 12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.245 13.818 13.414 13.707 13.561 13.561C13.707 13.414 13.818 13.245 13.895 13.052C13.965 12.875 14 12.691 14 12.5L14 9C13.815 9 13.649 8.956 13.5 8.869C13.416 8.953 13.301 9 13.182 9L11.818 9C11.699 9 11.584 8.953 11.5 8.869C11.351 8.956 11.185 9 11 9Z"/></svg>

React

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

export function ToolsUprightIcon(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="M12.144 1.144C12.241 1.048 12.359 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 6C13.276 6 13.512 6.098 13.707 6.293C13.902 6.488 14 6.724 14 7L14 8C14.276 8 14.512 8.098 14.707 8.293C14.902 8.488 15 8.724 15 9L15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5L10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8L11 7C11 6.724 11.098 6.488 11.293 6.293C11.488 6.098 11.724 6 12 6L12 1.5C12 1.359 12.048 1.241 12.144 1.144ZM6 5L6 1.838C6 1.763 6.016 1.691 6.048 1.623C6.109 1.496 6.203 1.41 6.331 1.364C6.459 1.318 6.587 1.326 6.714 1.386C7.412 1.717 7.968 2.209 8.381 2.862C8.794 3.515 9 4.227 9 5C9 5.773 8.794 6.485 8.381 7.138C8.026 7.699 7.565 8.142 7 8.465L7 13C7 13.254 6.953 13.5 6.86 13.736C6.758 13.993 6.609 14.219 6.414 14.414C6.219 14.609 5.993 14.758 5.736 14.86C5.5 14.953 5.254 15 5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 8.465C2.435 8.142 1.974 7.699 1.619 7.138C1.206 6.485 1 5.773 1 5C1 4.227 1.206 3.515 1.619 2.862C2.032 2.209 2.588 1.717 3.286 1.386C3.354 1.354 3.425 1.338 3.5 1.338C3.641 1.338 3.759 1.386 3.856 1.482C3.952 1.578 4 1.697 4 1.838L4 5L6 5ZM2.465 3.396C2.155 3.886 2 4.421 2 5C2 5.579 2.155 6.114 2.465 6.604C2.774 7.093 3.191 7.462 3.714 7.711C3.802 7.752 3.872 7.814 3.923 7.895C3.974 7.976 4 8.065 4 8.162L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14C5.276 14 5.512 13.902 5.707 13.707C5.902 13.512 6 13.276 6 13L6 8.162C6 8.065 6.026 7.976 6.077 7.895C6.128 7.814 6.198 7.752 6.286 7.711C6.809 7.462 7.226 7.093 7.535 6.604C7.845 6.114 8 5.579 8 5C8 4.421 7.845 3.886 7.535 3.396C7.383 3.155 7.204 2.943 7 2.761L7 5C7 5.276 6.902 5.512 6.707 5.707C6.512 5.902 6.276 6 6 6L4 6C3.724 6 3.488 5.902 3.293 5.707C3.098 5.512 3 5.276 3 5L3 2.761C2.796 2.943 2.617 3.155 2.465 3.396ZM12 8L13 8L13 7L12 7L12 8ZM11 9L11 12.5C11 12.691 11.035 12.875 11.105 13.052C11.182 13.245 11.293 13.414 11.439 13.561C11.586 13.707 11.755 13.818 11.948 13.895C12.125 13.965 12.309 14 12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.245 13.818 13.414 13.707 13.561 13.561C13.707 13.414 13.818 13.245 13.895 13.052C13.965 12.875 14 12.691 14 12.5L14 9C13.815 9 13.649 8.956 13.5 8.869C13.416 8.953 13.301 9 13.182 9L11.818 9C11.699 9 11.584 8.953 11.5 8.869C11.351 8.956 11.185 9 11 9Z" />
    </svg>
  );
}

Vue

Vue: see /icons/tools-upright.md

Svelte

Svelte: see /icons/tools-upright.md

HTML img

HTML img: see /icons/tools-upright.md

CSS

CSS: see /icons/tools-upright.md

Data URL

Data URL: see /icons/tools-upright.md

Sprite

Sprite: see /icons/tools-upright.md

SwiftUI

SwiftUI: see /icons/tools-upright.md

Compose

Compose: see /icons/tools-upright.md

Android XML

Android XML: see /icons/tools-upright.md

Flutter

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

Built from

variant of tools

Tags

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

Category

Tools

Component name

ToolsUprightIcon

History

2026-10-15 added

Family 1

tools

More tools icons

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

For agents

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

tools-upright icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp