ICONYZ
English
Keyboarddelete icon from WebHostingHub Glyphs

Keyboarddelete icon

whh:keyboarddelete

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="641" viewBox="0 0 1024 641"><path fill="currentColor" d="M960 641H320v-1q-25 1-43-17L18 364Q0 346 0 320.5T18 278L277 19q20-20 48-18h635q27 0 45.5 19t18.5 45v512q0 27-18.5 45.5T960 641m-77-440q12-13 12-30t-12-29.5t-29.5-12.5t-29.5 13L704 262L584 142q-13-13-30-13t-29.5 12.5T512 171t13 30l120 120l-120 120q-13 13-13 30t12.5 29t29.5 12t30-12l120-120l120 120q12 12 29.5 12t29.5-12t12-29t-12-30L763 321z"/></svg>

How to use the Keyboarddelete icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Keyboarddelete icon FAQ

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

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

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

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

Browse all WebHostingHub Glyphs icons →