gentleface

Gentleface › Tools › pickaxe

pickaxe icon

Pickaxe: pickaxe, mining, crypto mining. 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="M4.584 2.216C4.644 2.113 4.743 2.038 4.859 2.008C5.196 1.92 5.536 1.857 5.879 1.817C6.648 1.727 7.41 1.76 8.166 1.915C8.891 2.064 9.584 2.32 10.244 2.681C10.89 3.035 11.475 3.475 12 4C12.525 4.525 12.965 5.11 13.319 5.756C13.68 6.416 13.936 7.109 14.085 7.834C14.24 8.59 14.273 9.352 14.183 10.121C14.143 10.464 14.08 10.804 13.992 11.141C13.953 11.288 13.843 11.406 13.699 11.454C13.464 11.533 13.209 11.407 13.13 11.171C12.689 9.856 12.047 8.633 11.205 7.502L4.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.793L8.498 4.795C7.367 3.953 6.144 3.311 4.829 2.87C4.685 2.822 4.575 2.704 4.537 2.557C4.507 2.442 4.524 2.319 4.584 2.216ZM2.207 12.5L3.5 13.793L10.574 6.719C10.173 6.258 9.742 5.827 9.281 5.426L2.207 12.5Z"/></svg>
React
// Gentleface "pickaxe" (line-round), MIT. https://gentleface.com/icons/pickaxe
import type { SVGProps } from 'react';

export function PickaxeIcon(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.584 2.216C4.644 2.113 4.743 2.038 4.859 2.008C5.196 1.92 5.536 1.857 5.879 1.817C6.648 1.727 7.41 1.76 8.166 1.915C8.891 2.064 9.584 2.32 10.244 2.681C10.89 3.035 11.475 3.475 12 4C12.525 4.525 12.965 5.11 13.319 5.756C13.68 6.416 13.936 7.109 14.085 7.834C14.24 8.59 14.273 9.352 14.183 10.121C14.143 10.464 14.08 10.804 13.992 11.141C13.953 11.288 13.843 11.406 13.699 11.454C13.464 11.533 13.209 11.407 13.13 11.171C12.689 9.856 12.047 8.633 11.205 7.502L4.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.793L8.498 4.795C7.367 3.953 6.144 3.311 4.829 2.87C4.685 2.822 4.575 2.704 4.537 2.557C4.507 2.442 4.524 2.319 4.584 2.216ZM2.207 12.5L3.5 13.793L10.574 6.719C10.173 6.258 9.742 5.827 9.281 5.426L2.207 12.5Z" />
    </svg>
  );
}
Vue
Vue: see /icons/pickaxe.md
Svelte
Svelte: see /icons/pickaxe.md
HTML img
HTML img: see /icons/pickaxe.md
CSS
CSS: see /icons/pickaxe.md
Data URL
Data URL: see /icons/pickaxe.md
Sprite
Sprite: see /icons/pickaxe.md
SwiftUI
SwiftUI: see /icons/pickaxe.md
Compose
Compose: see /icons/pickaxe.md
Android XML
Android XML: see /icons/pickaxe.md
Flutter
Flutter: see /icons/pickaxe.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 { PickaxeIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
pickaxe, mining, crypto mining
Tags
pickaxe
Category
Tools
Component name
PickaxeIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More tools icons

For agents

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