Usb icon
whh:usb
The Usb icon (whh:usb) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 704 × 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
- 704 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="704" height="1024" viewBox="0 0 704 1024"><path fill="currentColor" d="M672 448h-32q0 73-59.5 132.5T448 640h-64v198q28 10 46 34.5t18 55.5q0 40-28 68t-68 28t-68-28t-28-68q0-31 17.5-55.5T320 838v-70h-64q-73 0-132.5-59.5T64 576v-5q-28-10-46-35T0 480q0-39 28-67t68-28t68 28t28 67q0 31-18 55.5T128 571v5q0 53 37.5 90.5T256 704h64V192h-53q-11-10-11-25t11-26l59-130q11-11 26-11t26 11l59 130q11 11 11 26t-11 25h-53v384h64q53 0 90.5-37.5T576 448h-32q-14 0-23-9t-9-23V289q0-14 9-23t23-9h128q13 0 22.5 9t9.5 23v127q0 14-9.5 23t-22.5 9"/></svg>
How to use the Usb icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:usb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:usb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:usb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--usb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:usb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:usb"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/usb.svg" alt="Usb icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Usb icon in other icon sets
Usb icon FAQ
Is the Usb 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 Usb icon in React?
Install @iconify/react and render <Icon icon="whh:usb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Usb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/usb.svg" alt="Usb icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
