hammer icon

hammer-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
hammer-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

hammerhammer-duotonehammer-fillhammer-lighthammer-thin

The same icon in other sets

hammerAkar IconshammerBootstrap IconshammerEmoji One (Colored)hammerFramework7 IconshammerFont Awesome 6 SolidhammerFont Awesome Solidhammer-outlineFlowbite IconshammerFluent EmojihammerFluent Emoji FlathammerFluent Emoji High ContrasthammerFirefox OS EmojihammerHuge IconshammerIconoirhammerIonIconshammerJam IconshammerLine AwesomehammerLucidehammerMaterial Design Iconshammer-fillMingCute IconhammerNoto EmojihammerOpenMojihammerPrime Iconshammer-fillRemix IconhammerTabler Icons

Use the hammer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m250.18 105.17l-63.47-63.92a100.11 100.11 0 0 0-141.43 0l-.13.14l-13.78 14.22a12 12 0 1 0 17.24 16.7l13.71-14.15a75.7 75.7 0 0 1 15.17-11.73L119 88l-93.15 93.16a20 20 0 0 0 0 28.29l20.69 20.69a20 20 0 0 0 28.28 0L168 137l1.51 1.51l23.65 23.66a20 20 0 0 0 28.29 0l28.69-28.7a20 20 0 0 0 .04-28.3M60.68 210.34l-15-15L108 133l15 15ZM140 131l-15-15l19.51-19.51a12 12 0 0 0 0-17l-42.27-42.25a75.94 75.94 0 0 1 67.47 20.95l31.44 31.67L178 113l-1.51-1.51a12 12 0 0 0-17 0Zm67.32 11.31L195 130l23.09-23.09l12.3 12.39Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHammerBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m250.18 105.17l-63.47-63.92a100.11 100.11 0 0 0-141.43 0l-.13.14l-13.78 14.22a12 12 0 1 0 17.24 16.7l13.71-14.15a75.7 75.7 0 0 1 15.17-11.73L119 88l-93.15 93.16a20 20 0 0 0 0 28.29l20.69 20.69a20 20 0 0 0 28.28 0L168 137l1.51 1.51l23.65 23.66a20 20 0 0 0 28.29 0l28.69-28.7a20 20 0 0 0 .04-28.3M60.68 210.34l-15-15L108 133l15 15ZM140 131l-15-15l19.51-19.51a12 12 0 0 0 0-17l-42.27-42.25a75.94 75.94 0 0 1 67.47 20.95l31.44 31.67L178 113l-1.51-1.51a12 12 0 0 0-17 0Zm67.32 11.31L195 130l23.09-23.09l12.3 12.39Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m250.18 105.17l-63.47-63.92a100.11 100.11 0 0 0-141.43 0l-.13.14l-13.78 14.22a12 12 0 1 0 17.24 16.7l13.71-14.15a75.7 75.7 0 0 1 15.17-11.73L119 88l-93.15 93.16a20 20 0 0 0 0 28.29l20.69 20.69a20 20 0 0 0 28.28 0L168 137l1.51 1.51l23.65 23.66a20 20 0 0 0 28.29 0l28.69-28.7a20 20 0 0 0 .04-28.3M60.68 210.34l-15-15L108 133l15 15ZM140 131l-15-15l19.51-19.51a12 12 0 0 0 0-17l-42.27-42.25a75.94 75.94 0 0 1 67.47 20.95l31.44 31.67L178 113l-1.51-1.51a12 12 0 0 0-17 0Zm67.32 11.31L195 130l23.09-23.09l12.3 12.39Z"/></svg>
</template>

CSS

.icon-hammer-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m250.18%20105.17l-63.47-63.92a100.11%20100.11%200%200%200-141.43%200l-.13.14l-13.78%2014.22a12%2012%200%201%200%2017.24%2016.7l13.71-14.15a75.7%2075.7%200%200%201%2015.17-11.73L119%2088l-93.15%2093.16a20%2020%200%200%200%200%2028.29l20.69%2020.69a20%2020%200%200%200%2028.28%200L168%20137l1.51%201.51l23.65%2023.66a20%2020%200%200%200%2028.29%200l28.69-28.7a20%2020%200%200%200%20.04-28.3M60.68%20210.34l-15-15L108%20133l15%2015ZM140%20131l-15-15l19.51-19.51a12%2012%200%200%200%200-17l-42.27-42.25a75.94%2075.94%200%200%201%2067.47%2020.95l31.44%2031.67L178%20113l-1.51-1.51a12%2012%200%200%200-17%200Zm67.32%2011.31L195%20130l23.09-23.09l12.3%2012.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m250.18%20105.17l-63.47-63.92a100.11%20100.11%200%200%200-141.43%200l-.13.14l-13.78%2014.22a12%2012%200%201%200%2017.24%2016.7l13.71-14.15a75.7%2075.7%200%200%201%2015.17-11.73L119%2088l-93.15%2093.16a20%2020%200%200%200%200%2028.29l20.69%2020.69a20%2020%200%200%200%2028.28%200L168%20137l1.51%201.51l23.65%2023.66a20%2020%200%200%200%2028.29%200l28.69-28.7a20%2020%200%200%200%20.04-28.3M60.68%20210.34l-15-15L108%20133l15%2015ZM140%20131l-15-15l19.51-19.51a12%2012%200%200%200%200-17l-42.27-42.25a75.94%2075.94%200%200%201%2067.47%2020.95l31.44%2031.67L178%20113l-1.51-1.51a12%2012%200%200%200-17%200Zm67.32%2011.31L195%20130l23.09-23.09l12.3%2012.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hammer-bold.svg?color=%231a73e8&size=48