Gearsalt icon

whh:gearsalt

The Gearsalt icon (whh:gearsalt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 1025 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: 1025 × 1025

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="M1022.075 641q2 18 2 32t-2 32h-64q-3 24-9 48l59 25q-9 29-24 59l-60-25q-11 21-27 41l45 45q-20 25-45 45l-45-45q-20 16-41 27l25 59q-30 16-59 25l-25-59q-24 6-48 9v64q-18 2-32 2t-32-2v-64q-24-3-48-9l-24 59q-30-9-60-25l25-59q-21-11-40-27l-46 45q-25-20-45-45l45-45q-15-20-27-41l-59 25q-16-30-25-59l60-25q-7-24-10-48h-64q-2-18-2-32t2-32h64q3-24 10-48l-60-25q9-29 25-59l59 25q12-21 27-41l-45-45q20-25 45-45l46 45q19-16 40-27l-25-60q30-15 60-24l24 59q24-7 48-9v-64q18-2 32-2t32 2v64q24 2 48 9l25-59q29 9 59 24l-25 60q21 12 41 27l45-45q25 20 45 45l-45 45q16 20 27 41l60-25q15 30 24 59l-59 25q6 24 9 48zm-350-128q-66 0-113 47t-47 113t47 113t113 47t113-47t47-113t-47-113t-113-47m-225-214l-12 31q-3 6-9.5 9t-12.5 0l-57-23q-17 24-41 40l24 57q3 7 0 13t-9 9l-31 13q-6 3-12.5 0t-9.5-9l-24-57q-16 3-29 3q-12 0-28-3l-24 57q-2 6-8.5 9t-13.5 0l-30-13q-7-2-9.5-8.5t-.5-13.5l24-56q-24-17-41-41l-57 24q-6 2-12.5-.5t-9.5-8.5l-12-31q-3-7-.5-13.5t9.5-8.5l56-24q-3-16-3-29q0-12 3-29l-57-23q-6-3-8.5-9t-.5-13l13-31q3-6 9-9t13 0l57 23q16-24 40-40l-23-57q-3-7-.5-13t9.5-9l31-13q6-3 12.5 0t9.5 9l23 57q16-3 29-3t29 3l23-57q3-7 9.5-9.5t12.5.5l31 13q7 2 9.5 8.5t-.5 12.5l-23 57q24 17 41 41l56-24q7-2 13.5.5t8.5 8.5l13 31q3 7 .5 13.5t-9.5 8.5l-57 24q3 16 3 29t-3 29l57 23q7 3 9.5 9t-.5 13m-222.5-170q-39.5 0-68 28t-28.5 68t28.5 68t68 28t67.5-28t28-68t-28-68t-67.5-28"/></svg>

How to use the Gearsalt icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Gearsalt icon FAQ

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

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

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

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

Browse all WebHostingHub Glyphs icons →