hammer icon
hammer-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- hammer-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 IconshammerIconoirhammerJam IconshammerLine AwesomehammerLucidehammerMaterial Design Iconshammer-fillMingCute IconhammerNoto EmojihammerOpenMojihammerPhosphorhammerPrime Iconshammer-fillRemix IconhammerTabler Icons
Use the hammer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M277.42 247a24.7 24.7 0 0 0-4.08-5.47L255 223.44a21.6 21.6 0 0 0-6.56-4.57a20.93 20.93 0 0 0-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 0 0-1.09 23.54l39 39.43a16.13 16.13 0 0 0 23.67-.89c29.24-34.37 96.3-109 136-148.23c20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 0 0 3.84-25.2m201.01-46l-34.31-34a5.44 5.44 0 0 0-4-1.59a5.6 5.6 0 0 0-4 1.59h0a11.41 11.41 0 0 1-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86c-7-6.86 1.09-20.36-5.07-29a243 243 0 0 0-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.8 123.8 0 0 0-47-9.24c-26.35 0-46.61 11.76-54 18.51c-5.88 5.32-12 13.77-12 13.77a91 91 0 0 1 10.81-3.2a79.5 79.5 0 0 1 23.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83c.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 0 0 .4 10.83l21.24 21.23a8 8 0 0 0 11.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.7 35.7 0 0 1 21.3 4.62a13.7 13.7 0 0 1 3.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 0 0 0 7.84l34.31 34a5.5 5.5 0 0 0 4 1.58a5.65 5.65 0 0 0 4-1.58L478.43 209a5.82 5.82 0 0 0 0-8"/></svg>
React
import type { SVGProps } from "react";
export function IonHammerOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M277.42 247a24.7 24.7 0 0 0-4.08-5.47L255 223.44a21.6 21.6 0 0 0-6.56-4.57a20.93 20.93 0 0 0-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 0 0-1.09 23.54l39 39.43a16.13 16.13 0 0 0 23.67-.89c29.24-34.37 96.3-109 136-148.23c20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 0 0 3.84-25.2m201.01-46l-34.31-34a5.44 5.44 0 0 0-4-1.59a5.6 5.6 0 0 0-4 1.59h0a11.41 11.41 0 0 1-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86c-7-6.86 1.09-20.36-5.07-29a243 243 0 0 0-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.8 123.8 0 0 0-47-9.24c-26.35 0-46.61 11.76-54 18.51c-5.88 5.32-12 13.77-12 13.77a91 91 0 0 1 10.81-3.2a79.5 79.5 0 0 1 23.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83c.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 0 0 .4 10.83l21.24 21.23a8 8 0 0 0 11.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.7 35.7 0 0 1 21.3 4.62a13.7 13.7 0 0 1 3.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 0 0 0 7.84l34.31 34a5.5 5.5 0 0 0 4 1.58a5.65 5.65 0 0 0 4-1.58L478.43 209a5.82 5.82 0 0 0 0-8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M277.42 247a24.7 24.7 0 0 0-4.08-5.47L255 223.44a21.6 21.6 0 0 0-6.56-4.57a20.93 20.93 0 0 0-23.28 4.27c-6.36 6.26-18 17.68-39 38.43C146 301.3 71.43 367.89 37.71 396.29a16 16 0 0 0-1.09 23.54l39 39.43a16.13 16.13 0 0 0 23.67-.89c29.24-34.37 96.3-109 136-148.23c20.39-20.06 31.82-31.58 38.29-37.94a21.76 21.76 0 0 0 3.84-25.2m201.01-46l-34.31-34a5.44 5.44 0 0 0-4-1.59a5.6 5.6 0 0 0-4 1.59h0a11.41 11.41 0 0 1-9.55 3.27c-4.48-.49-9.25-1.88-12.33-4.86c-7-6.86 1.09-20.36-5.07-29a243 243 0 0 0-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.8 123.8 0 0 0-47-9.24c-26.35 0-46.61 11.76-54 18.51c-5.88 5.32-12 13.77-12 13.77a91 91 0 0 1 10.81-3.2a79.5 79.5 0 0 1 23.28-1.49C241.19 76.8 259.94 84.1 270 92c16.21 13 23.18 30.39 24.27 52.83c.8 16.69-15.23 37.76-30.44 54.94a7.85 7.85 0 0 0 .4 10.83l21.24 21.23a8 8 0 0 0 11.14.1c13.93-13.51 31.09-28.47 40.82-34.46s17.58-7.68 21.35-8.09a35.7 35.7 0 0 1 21.3 4.62a13.7 13.7 0 0 1 3.08 2.38c6.46 6.56 6.07 17.28-.5 23.74l-2 1.89a5.5 5.5 0 0 0 0 7.84l34.31 34a5.5 5.5 0 0 0 4 1.58a5.65 5.65 0 0 0 4-1.58L478.43 209a5.82 5.82 0 0 0 0-8"/></svg> </template>
CSS
.icon-hammer-outline {
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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M277.42%20247a24.7%2024.7%200%200%200-4.08-5.47L255%20223.44a21.6%2021.6%200%200%200-6.56-4.57a20.93%2020.93%200%200%200-23.28%204.27c-6.36%206.26-18%2017.68-39%2038.43C146%20301.3%2071.43%20367.89%2037.71%20396.29a16%2016%200%200%200-1.09%2023.54l39%2039.43a16.13%2016.13%200%200%200%2023.67-.89c29.24-34.37%2096.3-109%20136-148.23c20.39-20.06%2031.82-31.58%2038.29-37.94a21.76%2021.76%200%200%200%203.84-25.2m201.01-46l-34.31-34a5.44%205.44%200%200%200-4-1.59a5.6%205.6%200%200%200-4%201.59h0a11.41%2011.41%200%200%201-9.55%203.27c-4.48-.49-9.25-1.88-12.33-4.86c-7-6.86%201.09-20.36-5.07-29a243%20243%200%200%200-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.8%20123.8%200%200%200-47-9.24c-26.35%200-46.61%2011.76-54%2018.51c-5.88%205.32-12%2013.77-12%2013.77a91%2091%200%200%201%2010.81-3.2a79.5%2079.5%200%200%201%2023.28-1.49C241.19%2076.8%20259.94%2084.1%20270%2092c16.21%2013%2023.18%2030.39%2024.27%2052.83c.8%2016.69-15.23%2037.76-30.44%2054.94a7.85%207.85%200%200%200%20.4%2010.83l21.24%2021.23a8%208%200%200%200%2011.14.1c13.93-13.51%2031.09-28.47%2040.82-34.46s17.58-7.68%2021.35-8.09a35.7%2035.7%200%200%201%2021.3%204.62a13.7%2013.7%200%200%201%203.08%202.38c6.46%206.56%206.07%2017.28-.5%2023.74l-2%201.89a5.5%205.5%200%200%200%200%207.84l34.31%2034a5.5%205.5%200%200%200%204%201.58a5.65%205.65%200%200%200%204-1.58L478.43%20209a5.82%205.82%200%200%200%200-8%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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M277.42%20247a24.7%2024.7%200%200%200-4.08-5.47L255%20223.44a21.6%2021.6%200%200%200-6.56-4.57a20.93%2020.93%200%200%200-23.28%204.27c-6.36%206.26-18%2017.68-39%2038.43C146%20301.3%2071.43%20367.89%2037.71%20396.29a16%2016%200%200%200-1.09%2023.54l39%2039.43a16.13%2016.13%200%200%200%2023.67-.89c29.24-34.37%2096.3-109%20136-148.23c20.39-20.06%2031.82-31.58%2038.29-37.94a21.76%2021.76%200%200%200%203.84-25.2m201.01-46l-34.31-34a5.44%205.44%200%200%200-4-1.59a5.6%205.6%200%200%200-4%201.59h0a11.41%2011.41%200%200%201-9.55%203.27c-4.48-.49-9.25-1.88-12.33-4.86c-7-6.86%201.09-20.36-5.07-29a243%20243%200%200%200-23.08-26.72c-7.06-7-34.81-33.47-81.55-52.53a123.8%20123.8%200%200%200-47-9.24c-26.35%200-46.61%2011.76-54%2018.51c-5.88%205.32-12%2013.77-12%2013.77a91%2091%200%200%201%2010.81-3.2a79.5%2079.5%200%200%201%2023.28-1.49C241.19%2076.8%20259.94%2084.1%20270%2092c16.21%2013%2023.18%2030.39%2024.27%2052.83c.8%2016.69-15.23%2037.76-30.44%2054.94a7.85%207.85%200%200%200%20.4%2010.83l21.24%2021.23a8%208%200%200%200%2011.14.1c13.93-13.51%2031.09-28.47%2040.82-34.46s17.58-7.68%2021.35-8.09a35.7%2035.7%200%200%201%2021.3%204.62a13.7%2013.7%200%200%201%203.08%202.38c6.46%206.56%206.07%2017.28-.5%2023.74l-2%201.89a5.5%205.5%200%200%200%200%207.84l34.31%2034a5.5%205.5%200%200%200%204%201.58a5.65%205.65%200%200%200%204-1.58L478.43%20209a5.82%205.82%200%200%200%200-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/hammer-outline.svg?color=%231a73e8&size=48
