Hammer And Pick icon
fluent-emoji:hammer-and-pick
The Hammer And Pick icon (fluent-emoji:hammer-and-pick) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT 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
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- hammerand, andpick, hammerandpick
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iPJnUJd)"><path fill="#A3796E" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#imlFyHy)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#iebrAZc)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/></g><path fill="url(#iXrkSic)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#iVPfUOb)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#i1FZPzc)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#irQN8wV)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><path fill="url(#inWPKZp)" d="M28.719 6.396a.25.25 0 0 1 0 .354L15.7 19.784l-.034.037a1 1 0 0 0-.255.63l-.012.317a2 2 0 0 1-.584 1.34l-7.01 7.01a.25.25 0 0 1-.353 0l-3.178-3.177a.25.25 0 0 1 0-.354l7.014-7.014a2 2 0 0 1 1.33-.584l.326-.013a1 1 0 0 0 .663-.29l.256-.254l.002.002l12.76-12.778a.25.25 0 0 1 .354 0z"/><g filter="url(#iwHjRXY)"><path fill="url(#iWgSIDq)" d="M23.591 2.66a1.25 1.25 0 0 0-1.767 0l-3.506 3.506a1.25 1.25 0 0 0 0 1.768l7.437 7.437c.975.975 2.643.491 2.945-.855l.513-2.292a6 6 0 0 0-1.612-5.554z"/><path fill="url(#iFnsdhc)" d="M23.591 2.66a1.25 1.25 0 0 0-1.767 0l-3.506 3.506a1.25 1.25 0 0 0 0 1.768l7.437 7.437c.975.975 2.643.491 2.945-.855l.513-2.292a6 6 0 0 0-1.612-5.554z"/><path fill="url(#iBHDq9d)" d="M23.591 2.66a1.25 1.25 0 0 0-1.767 0l-3.506 3.506a1.25 1.25 0 0 0 0 1.768l7.437 7.437c.975.975 2.643.491 2.945-.855l.513-2.292a6 6 0 0 0-1.612-5.554z"/></g><g filter="url(#iZZc9cb)"><path fill="#A3796E" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/><path fill="url(#iE00MEe)" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/><path fill="url(#ipLkfPd)" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/></g><path fill="url(#i4yFkSb)" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/><path fill="url(#ibNqLYb)" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/><path fill="url(#iTUOnCc)" d="M4.06 6.815a.25.25 0 0 0 0 .354L16.514 19.62l.035.037a1 1 0 0 1 .254.63l.012.317a2 2 0 0 0 .584 1.341l7.01 7.01a.25.25 0 0 0 .354 0l3.177-3.178a.25.25 0 0 0 0-.353l-7.014-7.014a2 2 0 0 0-1.33-.584l-.326-.014a1 1 0 0 1-.662-.29l-.256-.253l-.002.002L6.153 5.075a.25.25 0 0 0-.353 0z"/><g filter="url(#ihzHeve)"><path fill="url(#iCMHONd)" d="M10.699 11.309h.641v10.104h-.641z" transform="rotate(-45 10.7 11.309)"/></g><g filter="url(#iWo8Ndd)"><path fill="url(#iZ2KK1r)" d="M18.875 20.234h2.099v9.855h-2.099z" transform="rotate(-45 18.875 20.234)"/></g><g filter="url(#iP1ItVd)"><path fill="url(#ilLjAjp)" d="M0 0h2.099v10.33H0z" transform="scale(-1 1)rotate(-45 18.177 28.002)"/></g><g filter="url(#iYdjicb)"><path fill="url(#iXPWEye)" d="M9.786 2.277a.8.8 0 0 1 1.131 0l4.142 4.142a.8.8 0 0 1 0 1.131l-8.454 8.455a.8.8 0 0 1-1.132 0l-4.142-4.142a.8.8 0 0 1 0-1.132z"/><path fill="url(#iCMbOze)" d="M9.786 2.277a.8.8 0 0 1 1.131 0l4.142 4.142a.8.8 0 0 1 0 1.131l-8.454 8.455a.8.8 0 0 1-1.132 0l-4.142-4.142a.8.8 0 0 1 0-1.132z"/><path fill="url(#iKXcbce)" d="M9.786 2.277a.8.8 0 0 1 1.131 0l4.142 4.142a.8.8 0 0 1 0 1.131l-8.454 8.455a.8.8 0 0 1-1.132 0l-4.142-4.142a.8.8 0 0 1 0-1.132z"/></g><defs><linearGradient id="imlFyHy" x1="2.984" x2="7.867" y1="26.778" y2="21.895" gradientUnits="userSpaceOnUse"><stop offset=".065" stop-color="#7F494F"/><stop offset="1" stop-color="#7F494F" stop-opacity="0"/></linearGradient><linearGradient id="iebrAZc" x1="17.176" x2="13.171" y1="19.717" y2="15.572" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#733464"/><stop offset="1" stop-color="#7C425A" stop-opacity="0"/></linearGradient><linearGradient id="iVPfUOb" x1="29.109" x2="16.141" y1="5.063" y2="18.25" gradientUnits="userSpaceOnUse"><stop offset=".471" stop-color="#603345"/><stop offset="1" stop-color="#603345" stop-opacity="0"/></linearGradient><linearGradient id="iWgSIDq" x1="23.655" x2="26.256" y1="3.161" y2="15.493" gradientUnits="userSpaceOnUse"><stop stop-color="#AA9EB8"/><stop offset="1" stop-color="#AF9FBF"/></linearGradient><linearGradient id="iFnsdhc" x1="20.064" x2="21.575" y1="4.168" y2="5.628" gradientUnits="userSpaceOnUse"><stop stop-color="#9D99A1"/><stop offset="1" stop-color="#9D99A1" stop-opacity="0"/></linearGradient><linearGradient id="iBHDq9d" x1="22.883" x2="24.041" y1="12.473" y2="11.316" gradientUnits="userSpaceOnUse"><stop stop-color="#906FAA"/><stop offset="1" stop-color="#AE98C3" stop-opacity="0"/></linearGradient><linearGradient id="iE00MEe" x1="29.232" x2="24.349" y1="26.616" y2="21.733" gradientUnits="userSpaceOnUse"><stop offset=".065" stop-color="#7F494F"/><stop offset="1" stop-color="#7F494F" stop-opacity="0"/></linearGradient><linearGradient id="ipLkfPd" x1="15.039" x2="19.044" y1="19.555" y2="15.409" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#733464"/><stop offset="1" stop-color="#7C425A" stop-opacity="0"/></linearGradient><linearGradient id="iCMHONd" x1="10.964" x2="11.02" y1="12.066" y2="21.413" gradientUnits="userSpaceOnUse"><stop stop-color="#8F6D6C"/><stop offset="1" stop-color="#926D6B"/></linearGradient><linearGradient id="iZ2KK1r" x1="19.744" x2="19.76" y1="20.973" y2="30.09" gradientUnits="userSpaceOnUse"><stop stop-color="#9A726D"/><stop offset="1" stop-color="#A0716E"/></linearGradient><linearGradient id="ilLjAjp" x1=".497" x2=".588" y1="9.347" y2=".178" gradientUnits="userSpaceOnUse"><stop stop-color="#935C68"/><stop offset="1" stop-color="#8B5864"/></linearGradient><linearGradient id="iXPWEye" x1="8.195" x2="8.195" y1="4.875" y2="16.239" gradientUnits="userSpaceOnUse"><stop stop-color="#A99EB3"/><stop offset="1" stop-color="#BDA6D3"/></linearGradient><linearGradient id="iCMbOze" x1="5.064" x2="5.87" y1="7.037" y2="7.742" gradientUnits="userSpaceOnUse"><stop stop-color="#9B95A2"/><stop offset="1" stop-color="#9B95A2" stop-opacity="0"/></linearGradient><linearGradient id="iKXcbce" x1="13.269" x2="12.59" y1="4.571" y2="5.25" gradientUnits="userSpaceOnUse"><stop offset=".106" stop-color="#C4BDCC"/><stop offset="1" stop-color="#C4BDCC" stop-opacity="0"/></linearGradient><radialGradient id="iXrkSic" cx="0" cy="0" r="1" gradientTransform="matrix(-1.93751 2.1875 -5.42317 -4.80341 15.547 18.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#5C2E34"/><stop offset="1" stop-color="#5C2E34" stop-opacity="0"/></radialGradient><radialGradient id="i1FZPzc" cx="0" cy="0" r="1" gradientTransform="matrix(5.56245 -5.5938 1.0344 1.0286 4.016 25.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#A68B85"/><stop offset="1" stop-color="#A68B85" stop-opacity="0"/></radialGradient><radialGradient id="irQN8wV" cx="0" cy="0" r="1" gradientTransform="matrix(-.3125 .34374 -1.108 -1.00728 13.874 20.047)" gradientUnits="userSpaceOnUse"><stop stop-color="#8D6A69"/><stop offset="1" stop-color="#8D6A69" stop-opacity="0"/></radialGradient><radialGradient id="inWPKZp" cx="0" cy="0" r="1" gradientTransform="rotate(134.453 12.433 7.793)scale(13.8776 1.86565)" gradientUnits="userSpaceOnUse"><stop offset=".407" stop-color="#715B5A"/><stop offset="1" stop-color="#715B5A" stop-opacity="0"/></radialGradient><radialGradient id="i4yFkSb" cx="0" cy="0" r="1" gradientTransform="rotate(110.866 1.503 4.724)scale(3.50943 3.02107)" gradientUnits="userSpaceOnUse"><stop stop-color="#603B37"/><stop offset="1" stop-color="#603B37" stop-opacity="0"/></radialGradient><radialGradient id="ibNqLYb" cx="0" cy="0" r="1" gradientTransform="rotate(45 -8.365 17.894)scale(2.23181 5.67895)" gradientUnits="userSpaceOnUse"><stop stop-color="#603B37"/><stop offset="1" stop-color="#603B37" stop-opacity="0"/></radialGradient><radialGradient id="iTUOnCc" cx="0" cy="0" r="1" gradientTransform="rotate(135 6.21 13.006)scale(3.40295 1.5468)" gradientUnits="userSpaceOnUse"><stop stop-color="#794B41"/><stop offset="1" stop-color="#794B41" stop-opacity="0"/></radialGradient><filter id="iPJnUJd" width="24.59" height="24.759" x="4.202" y="4.433" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.384314 0 0 0 0 0.737255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23875"/></filter><filter id="iwHjRXY" width="11.906" height="13.69" x="17.452" y="2.295" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.866667 0 0 0 0 0.847059 0 0 0 0 0.894118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23875"/></filter><filter id="iZZc9cb" width="24.027" height="24.177" x="3.986" y="4.852" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.384314 0 0 0 0 0.737255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23875"/></filter><filter id="ihzHeve" width="8.798" height="8.798" x="10.099" y="10.255" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23875" stdDeviation=".3"/></filter><filter id="iWo8Ndd" width="10.853" height="10.853" x="17.675" y="17.55" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23875" stdDeviation=".6"/></filter><filter id="iP1ItVd" width="11.189" height="11.189" x="4.487" y="18.37" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23875" stdDeviation=".6"/></filter><filter id="iYdjicb" width="14.197" height="14.697" x="1.097" y="1.542" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.572549 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23875"/></filter></defs></g></svg>How to use the Hammer And Pick icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:hammer-and-pick" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:hammer-and-pick" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:hammer-and-pick" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--hammer-and-pick]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:hammer-and-pick"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:hammer-and-pick"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/hammer-and-pick.svg" alt="Hammer And Pick icon" width="24" height="24">Related icons in Fluent Emoji
Hammer And Pick icon in other icon sets
Hammer And Pick icon FAQ
Is the Hammer And Pick icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Hammer And Pick icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:hammer-and-pick" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hammer And Pick icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/hammer-and-pick.svg" alt="Hammer And Pick icon">, or paste the SVG code inline to style it with CSS.