Gearfour icon

whh:gearfour

The Gearfour icon (whh:gearfour) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M992 576H890q-6 36-18 70l88 51q11 6 14.5 19t-3.5 24l-32 56q-6 11-19 14.5t-24-3.5l-88-50q-23 28-51 51l50 88q7 11 3.5 24T796 939l-56 32q-11 7-24 3.5T697 960l-51-88q-34 12-70 18v102q0 13-9.5 22.5T544 1024h-64q-13 0-22.5-9.5T448 992V890q-36-6-70-18l-51 88q-6 11-19 14.5t-24-3.5l-56-32q-11-6-14.5-19t3.5-24l50-88q-28-23-51-51l-88 50q-11 7-24 3.5T85 796l-32-56q-7-11-3.5-24T64 697l88-51q-12-34-18-70H32q-13 0-22.5-9.5T0 544v-64q0-13 9.5-22.5T32 448h102q6-36 18-70l-88-51q-11-6-14.5-19t3.5-24l32-56q6-11 19-14.5t24 3.5l88 50q23-28 51-51l-50-88q-7-11-3.5-24T228 85l56-32q11-7 24-3.5T327 64l51 88q34-12 70-18V32q0-13 9.5-22.5T480 0h64q13 0 22.5 9.5T576 32v102q36 6 70 18l51-88q6-11 19-14.5t24 3.5l56 32q11 6 14.5 19t-3.5 24l-50 88q28 23 51 51l88-50q11-7 24-3.5t19 14.5l32 56q7 11 3.5 24T960 327l-88 51q12 34 18 70h102q13 0 22.5 9.5t9.5 22.5v64q0 13-9.5 22.5T992 576M512 832q96 0 176-53l-94-94q-40 19-82 19t-82-19l-94 94q80 53 176 53m128-320q0-53-37.5-90.5T512 384t-90.5 37.5T384 512t37.5 90.5T512 640t90.5-37.5T640 512M245 336q-53 80-53 176t53 176l94-94q-19-40-19-82t19-82zm267-144q-96 0-176 53l94 94q40-19 82-19t82 19l94-94q-80-53-176-53m267 144l-94 94q19 40 19 82t-19 82l94 94q53-80 53-176t-53-176"/></svg>

How to use the Gearfour icon

React

import { Icon } from "@iconify/react";

<Icon icon="whh:gearfour" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:gearfour" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:gearfour" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--gearfour]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:gearfour"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:gearfour"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/gearfour.svg" alt="Gearfour icon" width="24" height="24">

Gearfour icon FAQ

Is the Gearfour 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 Gearfour icon in React?

Install @iconify/react and render <Icon icon="whh:gearfour" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gearfour icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/gearfour.svg" alt="Gearfour icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →