Hammerandscrewdriver icon
raphael:hammerandscrewdriver
The Hammerandscrewdriver icon (raphael:hammerandscrewdriver) is a free SVG icon from the Raphael set by Dmitry Baranovskiy. It is drawn on a 32 × 32 grid. Raphael 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
- Raphael
- Author
- Dmitry Baranovskiy
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.537 9.86c-.473-.26-1.127-.253-1.61-.524c-.942-.534-1.185-1.316-1.225-2.475c-2.06-2.214-5.138-4.175-9.424-4.113c-1.162.017-2.256-.035-3.158.435c-.258.354-.004.516.288.6c-.29.137-.692.146-.626.696c2.72-.383 7.475.624 7.116 2.966c-.08.52-.735 1.076-1.18 1.563c-1.262 1.382-2.598 2.45-3.76 3.667l.336.336c.742-.52 1.446-.785 2.104-.785c.707 0 1.12.297 1.276.433c.575-.618 1.166-1.244 1.84-1.853c.487-.444 1.046-1.1 1.565-1.178l.948-.1c1.156.046 1.937.29 2.47 1.23c.27.482.263 1.14.522 1.614c.175.325.937 1.22 1.316 1.23c.294.008.603-.2.9-.49l1.032-1.035c.29-.294.5-.6.492-.896c-.006-.38-.9-1.145-1.223-1.32zM13.02 15.352l-.74-.74C9.14 17.254 5.76 20.35 2.75 23.2c-.474.444-1.453 1.022-1.507 1.54c-.083.78.95 1.465 1.506 2c.555.533 1.21 1.602 1.993 1.51c.51-.043 1.095-1.03 1.544-1.502a257 257 0 0 0 6.883-7.51c-.312-.37-.498-.595-.498-.595c-.137-.192-.893-1.37.35-3.29zm7.62.29c-.366-.318-1.466.143-1.777-.122s.17-1.258-.06-1.454l-.77-.646s-.863-.83-2.813.928l-7.78-7.78c-.395-.395-.237-1.822-.237-1.822l-3.686-2.1l-.894.895l2.1 3.687s1.428-.158 1.824.237l7.792 7.793c-1.55 1.83-.896 2.752-.896 2.752s.238.287.646.77c.196.23 1.188-.25 1.455.06c.264.313-.196 1.41.12 1.778c2.666 3.064 6.926 7.736 8.125 7.736c.892 0 2.02-.724 2.948-1.64c.925-.917 1.64-2.055 1.64-2.947c0-1.2-4.674-5.458-7.738-8.124z"/></svg>How to use the Hammerandscrewdriver icon
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:hammerandscrewdriver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:hammerandscrewdriver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:hammerandscrewdriver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--hammerandscrewdriver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:hammerandscrewdriver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:hammerandscrewdriver"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/raphael/hammerandscrewdriver.svg" alt="Hammerandscrewdriver icon" width="24" height="24">Hammerandscrewdriver icon FAQ
Is the Hammerandscrewdriver icon free for commercial use?
Yes. Raphael icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Hammerandscrewdriver icon in React?
Install @iconify/react and render <Icon icon="raphael:hammerandscrewdriver" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hammerandscrewdriver icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/raphael/hammerandscrewdriver.svg" alt="Hammerandscrewdriver icon">, or paste the SVG code inline to style it with CSS.