ICONYZ
English
Harddrivealt icon from WebHostingHub Glyphs

Harddrivealt icon

whh:harddrivealt

The Harddrivealt icon (whh:harddrivealt) 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="M896 1024H128q-53 0-90.5-37.5T0 896V736q0-33 28.5-210t68-351.5T160 0h704q24 0 63.5 174.5t68 351.5t28.5 210v160q0 53-37.5 90.5T896 1024m64-256q0-26-19-45t-45-19H128q-27 0-45.5 18.5T64 768v128q0 27 19 45.5t45 18.5h768q27 0 45.5-18.5T960 896zM192 896q-27 0-45.5-19T128 831.5t18.5-45T192 768t45.5 18.5t18.5 45t-18.5 45.5t-45.5 19"/></svg>

How to use the Harddrivealt icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Harddrivealt icon FAQ

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

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

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

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

Browse all WebHostingHub Glyphs icons →