Tools icon
whh:tools
The Tools icon (whh:tools) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
- Tags
- tool
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m896 320l64 576q0 53-37.5 90.5T832 1024t-90.5-37.5T704 896l64-576q-31 0-61-36t-48.5-88T640 96q0-21 1-33t8.5-30T672 0h32v64q0 54 37 91t91 37t91-37t37-91V0h32q15 15 22.5 33t8.5 30t1 33q0 48-18.5 100T957 284t-61 36m-63.5 512q-26.5 0-45.5 18.5T768 896t19 45.5t45.5 18.5t45-19t18.5-45.5t-18.5-45t-45-18.5M256 608q0 40 18.5 68t45.5 28v160q0 66-47 113t-113 47t-113-47T0 864V704q27 0 45.5-28T64 608t-18.5-68T0 512q0-27 19-45.5T64 448h64V256l-64-64L96 0h128l32 192l-64 64v192h64q27 0 45.5 18.5T320 512q-26 0-45 28t-19 68"/></svg>
How to use the Tools icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:tools" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:tools" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:tools" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--tools]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:tools"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:tools"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/tools.svg" alt="Tools icon" width="24" height="24">
Tools icon in other icon sets
Tools icon FAQ
Is the Tools icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Tools icon in React?
Install @iconify/react and render <Icon icon="whh:tools" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tools icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/tools.svg" alt="Tools icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
