Usb icon
icon-park:usb
The Usb icon (icon-park:usb) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M12 22C14.2091 22 16 20.2091 16 18C16 15.7909 14.2091 14 12 14C9.79086 14 8 15.7909 8 18C8 20.2091 9.79086 22 12 22Z"/><path fill="#2F88FF" d="M36 28C38.2091 28 40 26.2091 40 24C40 21.7909 38.2091 20 36 20C33.7909 20 32 21.7909 32 24C32 26.2091 33.7909 28 36 28Z"/><path stroke-linecap="round" d="M19 9L24 4L29 9"/><path stroke-linecap="round" d="M25 39L12 28.2632V22"/><path stroke-linecap="round" d="M36 28V32.7895L24 41"/><path stroke-linecap="round" d="M24 4V43"/><path stroke-linecap="round" d="M21 44H27"/></g></svg>
How to use the Usb icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:usb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:usb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:usb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--usb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:usb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:usb"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/usb.svg" alt="Usb icon" width="24" height="24">
Related icons in IconPark
Usb icon in other icon sets
Usb icon FAQ
Is the Usb icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 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="icon-park: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/icon-park/usb.svg" alt="Usb icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
