gentleface

Gentleface › Tools › axe

axe icon

Axe: axe, chop, lumber, woodcutting. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M4.207 14.5C4.012 14.695 3.776 14.793 3.5 14.793C3.224 14.793 2.988 14.695 2.793 14.5L1.5 13.207C1.305 13.012 1.207 12.776 1.207 12.5C1.207 12.224 1.305 11.988 1.5 11.793L7.793 5.5L7.5 5.207C7.305 5.012 7.207 4.776 7.207 4.5C7.207 4.224 7.305 3.988 7.5 3.793L8.793 2.5C8.988 2.305 9.224 2.207 9.5 2.207C9.776 2.207 10.012 2.305 10.207 2.5L14.854 7.146C14.951 7.244 15 7.362 15 7.5C15 8.199 14.871 8.874 14.614 9.525C14.334 10.231 13.926 10.852 13.389 11.389C12.852 11.926 12.231 12.334 11.525 12.614C10.874 12.871 10.199 13 9.5 13C9.359 13 9.241 12.952 9.144 12.856C9.048 12.759 9 12.641 9 12.5L9 9.707L4.207 14.5ZM8.207 4.5L8.5 4.793C8.695 4.988 8.793 5.224 8.793 5.5C8.793 5.776 8.695 6.012 8.5 6.207L8.207 6.5L9.854 8.146C9.951 8.244 10 8.362 10 8.5L10 11.973C10.395 11.929 10.781 11.833 11.156 11.684C11.734 11.455 12.243 11.121 12.682 10.682C13.121 10.243 13.455 9.734 13.684 9.156C13.87 8.687 13.974 8.203 13.996 7.703L9.5 3.207L8.207 4.5ZM3.5 13.793L8.793 8.5L7.5 7.207L2.207 12.5L3.5 13.793Z"/></svg>
React
// Gentleface "axe" (line-round), MIT. https://gentleface.com/icons/axe
import type { SVGProps } from 'react';

export function AxeIcon(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="M4.207 14.5C4.012 14.695 3.776 14.793 3.5 14.793C3.224 14.793 2.988 14.695 2.793 14.5L1.5 13.207C1.305 13.012 1.207 12.776 1.207 12.5C1.207 12.224 1.305 11.988 1.5 11.793L7.793 5.5L7.5 5.207C7.305 5.012 7.207 4.776 7.207 4.5C7.207 4.224 7.305 3.988 7.5 3.793L8.793 2.5C8.988 2.305 9.224 2.207 9.5 2.207C9.776 2.207 10.012 2.305 10.207 2.5L14.854 7.146C14.951 7.244 15 7.362 15 7.5C15 8.199 14.871 8.874 14.614 9.525C14.334 10.231 13.926 10.852 13.389 11.389C12.852 11.926 12.231 12.334 11.525 12.614C10.874 12.871 10.199 13 9.5 13C9.359 13 9.241 12.952 9.144 12.856C9.048 12.759 9 12.641 9 12.5L9 9.707L4.207 14.5ZM8.207 4.5L8.5 4.793C8.695 4.988 8.793 5.224 8.793 5.5C8.793 5.776 8.695 6.012 8.5 6.207L8.207 6.5L9.854 8.146C9.951 8.244 10 8.362 10 8.5L10 11.973C10.395 11.929 10.781 11.833 11.156 11.684C11.734 11.455 12.243 11.121 12.682 10.682C13.121 10.243 13.455 9.734 13.684 9.156C13.87 8.687 13.974 8.203 13.996 7.703L9.5 3.207L8.207 4.5ZM3.5 13.793L8.793 8.5L7.5 7.207L2.207 12.5L3.5 13.793Z" />
    </svg>
  );
}
Vue
Vue: see /icons/axe.md
Svelte
Svelte: see /icons/axe.md
HTML img
HTML img: see /icons/axe.md
CSS
CSS: see /icons/axe.md
Data URL
Data URL: see /icons/axe.md
Sprite
Sprite: see /icons/axe.md
SwiftUI
SwiftUI: see /icons/axe.md
Compose
Compose: see /icons/axe.md
Android XML
Android XML: see /icons/axe.md
Flutter
Flutter: see /icons/axe.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
axe, chop, lumber, woodcutting
Tags
axe, hatchet, chop, lumber, wood, firewood, tool, camping, cut
Category
Tools
Component name
AxeIcon
History
  • added

More tools icons

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

For agents

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

Feedback