Hammer icon
fxemoji:hammer
The Hammer icon (fxemoji:hammer) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AAB8B9" d="M186.694 194.52c-23.34-21.518-66.974-6.975-65.227 22.26c1.818 30.42-21.206 38.662-34.668 55.781c-6.208 7.894-12.825 6.308-20.166.641c-21.769-16.806-42.809-34.295-58.154-57.513c-4.198-6.352-11.615-14.445-4.559-20.966c15.741-14.547 24.524-36.768 51.932-38.686c27.628-1.933 43.392-21.384 44.978-49.269c.648-11.388 2.958-20.156 10.81-28.84c60.467-66.873 173.13-86.701 250.914-43.591c5.828 3.23 14.617 5.389 13.155 13.569c-1.62 9.057-8.997 14.933-18.531 15.989c-6.75.748-13.649.145-20.481.145c-34.747-1.814-73.293 9.372-93.985 26.509c-22.111 18.312-23.987 36.855-4.562 57.185l34.404 33.467l-52.641 47.51z"/><path fill="#8E6049" d="m502.204 421.228l-41.668 41.668c-8.684 8.684-22.764 8.684-31.448 0L221.541 255.35c-8.684-8.684-8.684-22.764 0-31.448l41.668-41.668c8.684-8.684 22.764-8.684 31.448 0l207.547 207.547c8.684 8.684 8.684 22.763 0 31.447"/><path fill="#D3E2E2" d="M35.338 215.382a12.7 12.7 0 0 1-9.009-3.732c-4.976-4.976-4.976-13.043 0-18.019l14.695-14.695c4.976-4.976 13.043-4.976 18.019 0s4.976 13.043 0 18.019L44.347 211.65a12.7 12.7 0 0 1-9.009 3.732m101.594-110.077L160.8 81.437c4.976-4.976 4.976-13.043 0-18.019s-13.043-4.976-18.019 0l-23.868 23.868c-4.976 4.976-4.976 13.043 0 18.019c2.488 2.488 5.749 3.732 9.009 3.732s6.522-1.244 9.01-3.732"/><path fill="#909999" d="M114.415 193.82a12.7 12.7 0 0 1-9.009-3.732l-14.44-14.44c-4.976-4.976-4.976-13.043 0-18.019s13.043-4.976 18.019 0l14.44 14.44c4.976 4.976 4.976 13.043 0 18.019a12.7 12.7 0 0 1-9.01 3.732"/></svg>
How to use the Hammer icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hammer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hammer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hammer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hammer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hammer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hammer"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/hammer.svg" alt="Hammer icon" width="24" height="24">
Hammer icon in other icon sets
Hammer icon FAQ
Is the Hammer icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Hammer icon in React?
Install @iconify/react and render <Icon icon="fxemoji:hammer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hammer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/hammer.svg" alt="Hammer icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
