drill icon

Drill: drill, power tool, power drill. 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="M9.736 2.14C9.993 2.242 10.219 2.391 10.414 2.586C10.54 2.711 10.646 2.849 10.732 3L12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6L11 6C11 6.276 10.902 6.512 10.707 6.707C10.512 6.902 10.276 7 10 7L7 7L7 10L8 10C8.276 10 8.512 10.098 8.707 10.293C8.902 10.488 9 10.724 9 11L9 12C9 12.254 8.953 12.5 8.86 12.736C8.758 12.993 8.609 13.219 8.414 13.414C8.219 13.609 7.993 13.758 7.736 13.86C7.5 13.953 7.254 14 7 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 11C1 10.724 1.098 10.488 1.293 10.293C1.488 10.098 1.724 10 2 10L3 10L3 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L9 2C9.254 2 9.5 2.047 9.736 2.14ZM2.293 3.293C2.098 3.488 2 3.724 2 4L2 6L3 6C3.276 6 3.512 6.098 3.707 6.293C3.902 6.488 4 6.724 4 7L4 10L6 10L6 7C6 6.724 6.098 6.488 6.293 6.293C6.488 6.098 6.724 6 7 6L10 6L10 4C10 3.724 9.902 3.488 9.707 3.293C9.512 3.098 9.276 3 9 3L3 3C2.724 3 2.488 3.098 2.293 3.293ZM12 4L11 4L11 5L12 5L12 4ZM2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L7 13C7.276 13 7.512 12.902 7.707 12.707C7.902 12.512 8 12.276 8 12L8 11L7 11C6.815 11 6.649 10.956 6.5 10.869C6.416 10.953 6.301 11 6.182 11L3.818 11C3.699 11 3.584 10.953 3.5 10.869C3.351 10.956 3.185 11 3 11L2 11L2 12Z"/></svg>

React

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

export function DrillIcon(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="M9.736 2.14C9.993 2.242 10.219 2.391 10.414 2.586C10.54 2.711 10.646 2.849 10.732 3L12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L13 5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6L11 6C11 6.276 10.902 6.512 10.707 6.707C10.512 6.902 10.276 7 10 7L7 7L7 10L8 10C8.276 10 8.512 10.098 8.707 10.293C8.902 10.488 9 10.724 9 11L9 12C9 12.254 8.953 12.5 8.86 12.736C8.758 12.993 8.609 13.219 8.414 13.414C8.219 13.609 7.993 13.758 7.736 13.86C7.5 13.953 7.254 14 7 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 11C1 10.724 1.098 10.488 1.293 10.293C1.488 10.098 1.724 10 2 10L3 10L3 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L9 2C9.254 2 9.5 2.047 9.736 2.14ZM2.293 3.293C2.098 3.488 2 3.724 2 4L2 6L3 6C3.276 6 3.512 6.098 3.707 6.293C3.902 6.488 4 6.724 4 7L4 10L6 10L6 7C6 6.724 6.098 6.488 6.293 6.293C6.488 6.098 6.724 6 7 6L10 6L10 4C10 3.724 9.902 3.488 9.707 3.293C9.512 3.098 9.276 3 9 3L3 3C2.724 3 2.488 3.098 2.293 3.293ZM12 4L11 4L11 5L12 5L12 4ZM2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L7 13C7.276 13 7.512 12.902 7.707 12.707C7.902 12.512 8 12.276 8 12L8 11L7 11C6.815 11 6.649 10.956 6.5 10.869C6.416 10.953 6.301 11 6.182 11L3.818 11C3.699 11 3.584 10.953 3.5 10.869C3.351 10.956 3.185 11 3 11L2 11L2 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/drill.md

Svelte

Svelte: see /icons/drill.md

HTML img

HTML img: see /icons/drill.md

CSS

CSS: see /icons/drill.md

Data URL

Data URL: see /icons/drill.md

Sprite

Sprite: see /icons/drill.md

SwiftUI

SwiftUI: see /icons/drill.md

Compose

Compose: see /icons/drill.md

Android XML

Android XML: see /icons/drill.md

Flutter

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

With npm: import { DrillIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

drill, power tool, power drill

Tags

drill, power-drill, cordless-drill, power-tool, drilling, tool, diy, hardware, repair, workshop

Category

Tools

Component name

DrillIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More tools icons

anvil axe construction crane hammer hard-hat ladder pickaxe scissors screwdriver shovel spirit-level tape-measure toolbox tools tools-upright · all tools icons

For agents

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

drill icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More tools icons

For agents

drill icon