ICONYZ
English
Wrenchalt icon from WebHostingHub Glyphs

Wrenchalt icon

whh:wrenchalt

The Wrenchalt icon (whh:wrenchalt) 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="M257 512q57 0 122-37l169 168l1 1q-37 66-37 123q0 104 76 179t180 78v-40l-82-77q-46-45-46-110t46-111t111-46t110 46l77 82h40q-3-104-78-180t-179-76q-57 0-123 37L476 381l-1-1q37-66 37-123q0-104-76-179T256 0v40l82 77q46 45 46 110t-46 111t-111 46t-110-46l-77-82H0q3 104 78 180t179 76"/></svg>

How to use the Wrenchalt icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Wrenchalt icon FAQ

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

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

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

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

Browse all WebHostingHub Glyphs icons →