hammer emoji
hammer from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- hammer
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
hammerAkar IconshammerBootstrap IconshammerFramework7 IconshammerFont Awesome 6 SolidhammerFont Awesome Solidhammer-outlineFlowbite IconshammerFluent EmojihammerFluent Emoji FlathammerFluent Emoji High ContrasthammerFirefox OS EmojihammerHuge IconshammerIconoirhammerIonIconshammerJam IconshammerLine AwesomehammerLucidehammerMaterial Design Iconshammer-fillMingCute IconhammerNoto EmojihammerOpenMojihammerPhosphorhammerPrime Iconshammer-fillRemix IconhammerTabler Icons
More objects icons from Emoji One (Colored)
Use the hammer emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m28.8 21.9l-5.6 5.8l-5.5-5.7l5.5-5.8z"/><path fill="#94989b" d="M16.7 5.1L6.9 15.2c-.4.4-.4 1 0 1.3l3.7 3.8l3.7 3.8c.4.4.9.4 1.3 0L25.4 14c.4-.4.4-1 0-1.3L18 5.1c-.3-.4-.9-.4-1.3 0M.3 22c-.4.4-.4 1 0 1.3L7.6 31c.4.4 1 .4 1.4 0c0 0 2-2.1 2.1-2.2l-8.6-8.9C2.3 19.9.3 22 .3 22"/><path fill="#3e4347" d="m10.5 20.4l-3.7-3.8s1.2 2.1-2 2.5c-1.3.2-2.1.4-2.5.8l8.6 8.9c.4-.5.6-1.3.8-2.6c.4-3.3 2.4-2 2.4-2zM39.6 4.3C29.5-6 18.4 5.5 18.4 5.5l6.5 6.7s6.3-8.5 14.2-6.1c.9.3 1.7.7 2 .5c.4-.3-.8-1.6-1.5-2.3"/><path fill="#f2b200" d="m26 24.8l-3.6 3.7s1.9 3 5.1 6.3c3.5 3.6 8.2 5.7 12.9 10.5c7 7.2 12.8 15 14.9 17.9c.8 1.1.9 1 1.9 0l3-3.1z"/><path fill="#ffce31" d="m26 24.8l3.6-3.7s2.9 1.9 6.1 5.2c3.5 3.6 5.5 8.5 10.2 13.3c7 7.2 14.5 13.2 17.4 15.4c1.1.8 1 1 0 2l-3 3.1z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneHammer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m28.8 21.9l-5.6 5.8l-5.5-5.7l5.5-5.8z"/><path fill="#94989b" d="M16.7 5.1L6.9 15.2c-.4.4-.4 1 0 1.3l3.7 3.8l3.7 3.8c.4.4.9.4 1.3 0L25.4 14c.4-.4.4-1 0-1.3L18 5.1c-.3-.4-.9-.4-1.3 0M.3 22c-.4.4-.4 1 0 1.3L7.6 31c.4.4 1 .4 1.4 0c0 0 2-2.1 2.1-2.2l-8.6-8.9C2.3 19.9.3 22 .3 22"/><path fill="#3e4347" d="m10.5 20.4l-3.7-3.8s1.2 2.1-2 2.5c-1.3.2-2.1.4-2.5.8l8.6 8.9c.4-.5.6-1.3.8-2.6c.4-3.3 2.4-2 2.4-2zM39.6 4.3C29.5-6 18.4 5.5 18.4 5.5l6.5 6.7s6.3-8.5 14.2-6.1c.9.3 1.7.7 2 .5c.4-.3-.8-1.6-1.5-2.3"/><path fill="#f2b200" d="m26 24.8l-3.6 3.7s1.9 3 5.1 6.3c3.5 3.6 8.2 5.7 12.9 10.5c7 7.2 12.8 15 14.9 17.9c.8 1.1.9 1 1.9 0l3-3.1z"/><path fill="#ffce31" d="m26 24.8l3.6-3.7s2.9 1.9 6.1 5.2c3.5 3.6 5.5 8.5 10.2 13.3c7 7.2 14.5 13.2 17.4 15.4c1.1.8 1 1 0 2l-3 3.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="m28.8 21.9l-5.6 5.8l-5.5-5.7l5.5-5.8z"/><path fill="#94989b" d="M16.7 5.1L6.9 15.2c-.4.4-.4 1 0 1.3l3.7 3.8l3.7 3.8c.4.4.9.4 1.3 0L25.4 14c.4-.4.4-1 0-1.3L18 5.1c-.3-.4-.9-.4-1.3 0M.3 22c-.4.4-.4 1 0 1.3L7.6 31c.4.4 1 .4 1.4 0c0 0 2-2.1 2.1-2.2l-8.6-8.9C2.3 19.9.3 22 .3 22"/><path fill="#3e4347" d="m10.5 20.4l-3.7-3.8s1.2 2.1-2 2.5c-1.3.2-2.1.4-2.5.8l8.6 8.9c.4-.5.6-1.3.8-2.6c.4-3.3 2.4-2 2.4-2zM39.6 4.3C29.5-6 18.4 5.5 18.4 5.5l6.5 6.7s6.3-8.5 14.2-6.1c.9.3 1.7.7 2 .5c.4-.3-.8-1.6-1.5-2.3"/><path fill="#f2b200" d="m26 24.8l-3.6 3.7s1.9 3 5.1 6.3c3.5 3.6 8.2 5.7 12.9 10.5c7 7.2 12.8 15 14.9 17.9c.8 1.1.9 1 1.9 0l3-3.1z"/><path fill="#ffce31" d="m26 24.8l3.6-3.7s2.9 1.9 6.1 5.2c3.5 3.6 5.5 8.5 10.2 13.3c7 7.2 14.5 13.2 17.4 15.4c1.1.8 1 1 0 2l-3 3.1z"/></svg> </template>
CSS
.icon-hammer {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m28.8%2021.9l-5.6%205.8l-5.5-5.7l5.5-5.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M16.7%205.1L6.9%2015.2c-.4.4-.4%201%200%201.3l3.7%203.8l3.7%203.8c.4.4.9.4%201.3%200L25.4%2014c.4-.4.4-1%200-1.3L18%205.1c-.3-.4-.9-.4-1.3%200M.3%2022c-.4.4-.4%201%200%201.3L7.6%2031c.4.4%201%20.4%201.4%200c0%200%202-2.1%202.1-2.2l-8.6-8.9C2.3%2019.9.3%2022%20.3%2022%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m10.5%2020.4l-3.7-3.8s1.2%202.1-2%202.5c-1.3.2-2.1.4-2.5.8l8.6%208.9c.4-.5.6-1.3.8-2.6c.4-3.3%202.4-2%202.4-2zM39.6%204.3C29.5-6%2018.4%205.5%2018.4%205.5l6.5%206.7s6.3-8.5%2014.2-6.1c.9.3%201.7.7%202%20.5c.4-.3-.8-1.6-1.5-2.3%22%2F%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22m26%2024.8l-3.6%203.7s1.9%203%205.1%206.3c3.5%203.6%208.2%205.7%2012.9%2010.5c7%207.2%2012.8%2015%2014.9%2017.9c.8%201.1.9%201%201.9%200l3-3.1z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m26%2024.8l3.6-3.7s2.9%201.9%206.1%205.2c3.5%203.6%205.5%208.5%2010.2%2013.3c7%207.2%2014.5%2013.2%2017.4%2015.4c1.1.8%201%201%200%202l-3%203.1z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m28.8%2021.9l-5.6%205.8l-5.5-5.7l5.5-5.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M16.7%205.1L6.9%2015.2c-.4.4-.4%201%200%201.3l3.7%203.8l3.7%203.8c.4.4.9.4%201.3%200L25.4%2014c.4-.4.4-1%200-1.3L18%205.1c-.3-.4-.9-.4-1.3%200M.3%2022c-.4.4-.4%201%200%201.3L7.6%2031c.4.4%201%20.4%201.4%200c0%200%202-2.1%202.1-2.2l-8.6-8.9C2.3%2019.9.3%2022%20.3%2022%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m10.5%2020.4l-3.7-3.8s1.2%202.1-2%202.5c-1.3.2-2.1.4-2.5.8l8.6%208.9c.4-.5.6-1.3.8-2.6c.4-3.3%202.4-2%202.4-2zM39.6%204.3C29.5-6%2018.4%205.5%2018.4%205.5l6.5%206.7s6.3-8.5%2014.2-6.1c.9.3%201.7.7%202%20.5c.4-.3-.8-1.6-1.5-2.3%22%2F%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22m26%2024.8l-3.6%203.7s1.9%203%205.1%206.3c3.5%203.6%208.2%205.7%2012.9%2010.5c7%207.2%2012.8%2015%2014.9%2017.9c.8%201.1.9%201%201.9%200l3-3.1z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m26%2024.8l3.6-3.7s2.9%201.9%206.1%205.2c3.5%203.6%205.5%208.5%2010.2%2013.3c7%207.2%2014.5%2013.2%2017.4%2015.4c1.1.8%201%201%200%202l-3%203.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/hammer.svg?color=%231a73e8&size=48
