Handpinch icon

whh:handpinch

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M896 1023H512q-30 0-110.5-59.5T288 863q-35-45-88-81t-95-53t-73-32.5T1 671q0-45 28.5-70.5T97 575q20 0 52.5 10t59 20.5T288 639q8 3 42.5 33.5T384 703q22 0 68-22t85-53.5t39-52.5v-64q0-87-10-158t-22-106.5t-22-67.5t-10-51V86l.5-23.5l3-24L521 19l9-14.5L544 0q53 0 78 41.5T693 222q7 22 11 33q14 42 30 74t25 43l9 11q15 8 38 20t74.5 46t79.5 62q19 19 41.5 76t22.5 84v128q0 46-7 83t-18.5 59.5t-25 39.5t-27 24.5t-25 12t-18.5 5.5zM448 223q0 14-9 23t-23 9H288q-13 0-22.5-9t-9.5-23V96q0-14 9.5-23t22.5-9q7 0 21 14t25 27l10 14l47-46q10-10 23.5-10T438 73t10 23.5t-10 23.5l-47 47q0-1 14.5 10.5T434 203t14 20M161 511q-7 0-21.5-14T115 469l-11-15l-47 47q-10 10-23.5 10T10 501T0 477.5T10 454l46-47q-6-4-15-11t-24.5-22.5T1 351q0-13 9-22.5t23-9.5h127q14 0 23 9.5t9 22.5v128q0 14-9 23t-22 9"/></svg>

How to use the Handpinch icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Handpinch icon FAQ

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

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

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

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

Browse all WebHostingHub Glyphs icons →