Color

Advanced editing in SVG Editor

Arcticons

Hammer Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: hammer tool weapon build strike dwarf

The Hammer icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/326877.svg" alt="Hammer icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/326877.svg" alt="Hammer icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/326877.svg"
  alt="Hammer icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-hammer {
  background-image: url('https://proicons.com/icon/326877.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="m10.5895,20.0173h8.0567v18.4237c0,2.2233-1.805,4.0283-4.0283,4.0283h0c-2.2233,0-4.0283-1.805-4.0283-4.0283v-18.4237h0Z" transform="translate(26.3739 -1.1854) rotate(45)"/><path class="c" d="m25.4044,26.1538l4.3523-4.3523c.8823.444,1.6969,1.2141,2.3295,2.1367l-.692.692c-.6311.6311-.6311,1.6544,0,2.2856l1.8608,1.8608c.6311.6311,1.6542.6311,2.2853,0l6.4864-6.4864c.6311-.6311.6311-1.6544,0-2.2856l-1.8606-1.8606c-.6312-.6312-1.6546-.6312-2.2858,0l-1.2494,1.2494-1.7902-1.7902s.9747-2.5695-1.5062-5.0504c-4.2418-4.2418-10.1509-7.6677-17.9495-1.7388-.967.7352-.4486,2.3011.7655,2.3423,6.6898.2266,7.2341,3.6233,7.2341,3.6233l-3.6771,3.6771"/></svg>

Hammer in other icon packs

Bootstrap Icons

Phosphor Icons

Ionicons

Atlas Icons

Iconoir

Gravity UI Icons

Copied!

Hammer Icon

More from Arcticons

Hammer in other icon packs