anvil icon

Anvil: anvil, blacksmith, forge, metalwork. 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="M14.707 5.707C14.512 5.902 14.276 6 14 6L13.5 6C13.399 6 13.302 6.081 13.211 6.244C13.07 6.496 13 6.831 13 7.25C13 7.82 13.16 8.265 13.479 8.584C13.614 8.72 13.772 8.823 13.951 8.895C14.126 8.965 14.309 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13L12 13C11.859 13 11.741 12.952 11.644 12.856C11.548 12.759 11.5 12.641 11.5 12.5C11.5 12.33 11.458 12.156 11.375 11.977C11.29 11.796 11.173 11.63 11.021 11.479C10.87 11.327 10.704 11.21 10.523 11.125C10.344 11.042 10.17 11 10 11C9.83 11 9.656 11.042 9.477 11.125C9.296 11.21 9.13 11.327 8.979 11.479C8.827 11.63 8.71 11.796 8.625 11.977C8.542 12.156 8.5 12.33 8.5 12.5C8.5 12.641 8.452 12.759 8.356 12.856C8.259 12.952 8.141 13 8 13L6 13C5.724 13 5.488 12.902 5.293 12.707C5.098 12.512 5 12.276 5 12L5 9.5C5 9.359 5.048 9.241 5.144 9.144C5.241 9.048 5.359 9 5.5 9C5.689 9 5.876 8.966 6.062 8.898C6.246 8.83 6.41 8.736 6.555 8.616C6.852 8.369 7 8.08 7 7.75C7 7.443 6.899 7.17 6.698 6.932C6.492 6.689 6.172 6.463 5.737 6.254C5.344 6.065 4.828 5.878 4.19 5.694C3.795 5.581 3.161 5.418 2.289 5.207L1.379 4.985C1.245 4.952 1.142 4.876 1.071 4.757C1 4.639 0.981 4.513 1.015 4.379C1.052 4.23 1.139 4.121 1.276 4.053C2.076 3.653 2.801 3.379 3.452 3.231C4.13 3.077 4.979 3 6 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 5C15 5.276 14.902 5.512 14.707 5.707ZM7.561 12C7.597 11.851 7.65 11.702 7.719 11.554C7.853 11.267 8.037 11.006 8.271 10.771C8.506 10.537 8.767 10.353 9.054 10.219C9.367 10.073 9.682 10 10 10C10.318 10 10.633 10.073 10.946 10.219C11.233 10.353 11.494 10.537 11.729 10.771C11.963 11.006 12.147 11.267 12.281 11.554C12.35 11.702 12.403 11.851 12.439 12L14 12L14 9.95C13.857 9.921 13.717 9.879 13.58 9.824C13.273 9.701 13.004 9.523 12.771 9.291C12.526 9.045 12.337 8.754 12.206 8.416C12.069 8.063 12 7.674 12 7.25C12 6.657 12.113 6.159 12.339 5.756C12.465 5.53 12.62 5.353 12.802 5.224C13.014 5.075 13.247 5 13.5 5L14 5L14 4L6 4C5.054 4 4.279 4.069 3.673 4.206C3.485 4.249 3.289 4.304 3.084 4.372C3.689 4.522 4.15 4.642 4.467 4.733C5.159 4.933 5.727 5.139 6.171 5.353C6.78 5.646 7.238 5.992 7.543 6.392C7.848 6.791 8 7.244 8 7.75C8 8.074 7.924 8.382 7.772 8.675C7.633 8.943 7.441 9.179 7.195 9.384C6.962 9.579 6.699 9.729 6.407 9.837C6.272 9.886 6.137 9.924 6 9.951L6 12L7.561 12Z"/></svg>

React

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

export function AnvilIcon(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="M14.707 5.707C14.512 5.902 14.276 6 14 6L13.5 6C13.399 6 13.302 6.081 13.211 6.244C13.07 6.496 13 6.831 13 7.25C13 7.82 13.16 8.265 13.479 8.584C13.614 8.72 13.772 8.823 13.951 8.895C14.126 8.965 14.309 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13L12 13C11.859 13 11.741 12.952 11.644 12.856C11.548 12.759 11.5 12.641 11.5 12.5C11.5 12.33 11.458 12.156 11.375 11.977C11.29 11.796 11.173 11.63 11.021 11.479C10.87 11.327 10.704 11.21 10.523 11.125C10.344 11.042 10.17 11 10 11C9.83 11 9.656 11.042 9.477 11.125C9.296 11.21 9.13 11.327 8.979 11.479C8.827 11.63 8.71 11.796 8.625 11.977C8.542 12.156 8.5 12.33 8.5 12.5C8.5 12.641 8.452 12.759 8.356 12.856C8.259 12.952 8.141 13 8 13L6 13C5.724 13 5.488 12.902 5.293 12.707C5.098 12.512 5 12.276 5 12L5 9.5C5 9.359 5.048 9.241 5.144 9.144C5.241 9.048 5.359 9 5.5 9C5.689 9 5.876 8.966 6.062 8.898C6.246 8.83 6.41 8.736 6.555 8.616C6.852 8.369 7 8.08 7 7.75C7 7.443 6.899 7.17 6.698 6.932C6.492 6.689 6.172 6.463 5.737 6.254C5.344 6.065 4.828 5.878 4.19 5.694C3.795 5.581 3.161 5.418 2.289 5.207L1.379 4.985C1.245 4.952 1.142 4.876 1.071 4.757C1 4.639 0.981 4.513 1.015 4.379C1.052 4.23 1.139 4.121 1.276 4.053C2.076 3.653 2.801 3.379 3.452 3.231C4.13 3.077 4.979 3 6 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 5C15 5.276 14.902 5.512 14.707 5.707ZM7.561 12C7.597 11.851 7.65 11.702 7.719 11.554C7.853 11.267 8.037 11.006 8.271 10.771C8.506 10.537 8.767 10.353 9.054 10.219C9.367 10.073 9.682 10 10 10C10.318 10 10.633 10.073 10.946 10.219C11.233 10.353 11.494 10.537 11.729 10.771C11.963 11.006 12.147 11.267 12.281 11.554C12.35 11.702 12.403 11.851 12.439 12L14 12L14 9.95C13.857 9.921 13.717 9.879 13.58 9.824C13.273 9.701 13.004 9.523 12.771 9.291C12.526 9.045 12.337 8.754 12.206 8.416C12.069 8.063 12 7.674 12 7.25C12 6.657 12.113 6.159 12.339 5.756C12.465 5.53 12.62 5.353 12.802 5.224C13.014 5.075 13.247 5 13.5 5L14 5L14 4L6 4C5.054 4 4.279 4.069 3.673 4.206C3.485 4.249 3.289 4.304 3.084 4.372C3.689 4.522 4.15 4.642 4.467 4.733C5.159 4.933 5.727 5.139 6.171 5.353C6.78 5.646 7.238 5.992 7.543 6.392C7.848 6.791 8 7.244 8 7.75C8 8.074 7.924 8.382 7.772 8.675C7.633 8.943 7.441 9.179 7.195 9.384C6.962 9.579 6.699 9.729 6.407 9.837C6.272 9.886 6.137 9.924 6 9.951L6 12L7.561 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/anvil.md

Svelte

Svelte: see /icons/anvil.md

HTML img

HTML img: see /icons/anvil.md

CSS

CSS: see /icons/anvil.md

Data URL

Data URL: see /icons/anvil.md

Sprite

Sprite: see /icons/anvil.md

SwiftUI

SwiftUI: see /icons/anvil.md

Compose

Compose: see /icons/anvil.md

Android XML

Android XML: see /icons/anvil.md

Flutter

Flutter: see /icons/anvil.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 { AnvilIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

anvil, blacksmith, forge, metalwork

Tags

anvil

Category

Tools

Component name

AnvilIcon

History

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

Since

version 0.2.0

More tools icons

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

For agents

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

anvil icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More tools icons

For agents

anvil icon