Gears icon
whh:gears
The Gears icon (whh:gears) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 962 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 × 962
- Tags
- gear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="962" viewBox="0 0 1024 962"><path fill="currentColor" d="M992 737H884q-12 35-38 64l47 83q6 12 2.5 24T882 927l-53 31q-11 6-23 3t-18-15l-48-84q-20 4-36 4t-36-4l-48 84q-6 12-18 15t-23-3l-53-31q-10-7-13.5-19t2.5-24l47-83q-26-29-38-64H416q-13 0-22.5-9t-9.5-23v-64q0-13 9.5-22.5T416 609h108q12-34 38-63l-47-83q-6-12-2.5-24t13.5-19l53-31q11-6 23-3t18 14l48 85q20-4 36-4t36 4l48-85q6-11 18-14t23 3l53 31q10 7 13.5 19t-2.5 24l-47 83q26 29 38 63h108q13 0 22.5 9.5t9.5 22.5v64q0 14-9.5 23t-22.5 9M704 609q-27 0-45.5 19T640 673.5t18.5 45T704 737t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19m-96-256H500q-12 35-38 64l47 83q6 11 2.5 23.5T498 543l-53 31q-11 6-23 2.5T404 562l-48-84q-19 3-36 3t-36-3l-48 84q-6 11-18 14.5t-23-2.5l-53-31q-10-7-13.5-19.5T131 500l47-83q-26-29-38-64H32q-13 0-22.5-9T0 321v-64q0-13 9.5-22.5T32 225h108q12-34 38-64l-47-83q-6-11-2.5-23.5T142 36l53-31q11-7 23-3.5T236 16l48 85q20-4 36-4t36 4l48-85q6-11 18-14.5T445 5l53 31q10 6 13.5 18.5T509 78l-47 83q26 30 38 64h108q13 0 22.5 9.5T640 257v64q0 14-9.5 23t-22.5 9M320 225q-27 0-45.5 19T256 289.5t18.5 45T320 353t45.5-18.5t18.5-45t-18.5-45.5t-45.5-19"/></svg>
How to use the Gears icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:gears" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:gears" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:gears" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--gears]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:gears"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:gears"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/gears.svg" alt="Gears icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Gears icon in other icon sets
Gears icon FAQ
Is the Gears 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 Gears icon in React?
Install @iconify/react and render <Icon icon="whh:gears" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gears icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/gears.svg" alt="Gears icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
