Usb Outline icon

solar:usb-outline

The Usb Outline icon (solar:usb-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: IT
Tags: usboutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25C12.2508 1.25 12.4849 1.37533 12.624 1.58397L14.624 4.58397C14.8538 4.92862 14.7607 5.39427 14.416 5.62404C14.0714 5.8538 13.6057 5.76067 13.376 5.41603L12.75 4.47708V14.9919C12.8713 14.93 12.9983 14.8767 13.1304 14.8326L16.3953 13.7443C16.9057 13.5742 17.25 13.0965 17.25 12.5585V10.7084C17.0498 10.6695 16.8169 10.5847 16.6161 10.3839C16.3803 10.1481 16.3045 9.8679 16.275 9.64857C16.2498 9.46136 16.2499 9.23958 16.25 9.03447V8.96555C16.2499 8.76045 16.2498 8.53864 16.275 8.35143C16.3045 8.1321 16.3803 7.85192 16.6161 7.61612C16.8519 7.38032 17.1321 7.30448 17.3514 7.27499C17.5386 7.24982 17.7604 7.24991 17.9656 7.24999H18.0344C18.2396 7.24991 18.4614 7.24982 18.6486 7.27499C18.8679 7.30448 19.1481 7.38032 19.3839 7.61612C19.6197 7.85192 19.6955 8.1321 19.725 8.35143C19.7502 8.53864 19.7501 8.76042 19.75 8.96553V9.03445C19.7501 9.23955 19.7502 9.46136 19.725 9.64857C19.6955 9.8679 19.6197 10.1481 19.3839 10.3839C19.1831 10.5847 18.9502 10.6695 18.75 10.7084V12.5585C18.75 13.7422 17.9926 14.793 16.8696 15.1674L13.6047 16.2557C13.122 16.4166 12.7879 16.8525 12.753 17.3544C13.9057 17.6818 14.75 18.7423 14.75 20C14.75 21.5188 13.5188 22.75 12 22.75C10.4812 22.75 9.25 21.5188 9.25 20C9.25 18.7412 10.0957 17.68 11.25 17.3535V14.4415C11.25 13.9035 10.9057 13.4258 10.3953 13.2557L7.13037 12.1674C6.00743 11.793 5.25 10.7422 5.25 9.55848V7.58159C4.65876 7.30073 4.25 6.6981 4.25 6C4.25 5.0335 5.0335 4.25 6 4.25C6.9665 4.25 7.75 5.0335 7.75 6C7.75 6.6981 7.34124 7.30073 6.75 7.58159V9.55848C6.75 10.0965 7.09429 10.5742 7.60472 10.7443L10.8696 11.8326C11.0017 11.8767 11.1287 11.93 11.25 11.9919V4.47708L10.624 5.41603C10.3943 5.76067 9.92862 5.8538 9.58397 5.62404C9.23933 5.39427 9.1462 4.92862 9.37596 4.58397L11.376 1.58397C11.5151 1.37533 11.7492 1.25 12 1.25ZM18 9.25C18.0991 9.25 18.1794 9.24997 18.2488 9.24885C18.25 9.17939 18.25 9.09908 18.25 9C18.25 8.90092 18.25 8.82061 18.2488 8.75115C18.1794 8.75003 18.0991 8.75 18 8.75C17.9009 8.75 17.8206 8.75003 17.7512 8.75115C17.75 8.82061 17.75 8.90092 17.75 9C17.75 9.09908 17.75 9.17939 17.7512 9.24885C17.8206 9.24997 17.9009 9.25 18 9.25ZM10.75 20C10.75 19.3096 11.3096 18.75 12 18.75C12.6904 18.75 13.25 19.3096 13.25 20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20ZM6 6.25C6.13807 6.25 6.25 6.13807 6.25 6C6.25 5.86193 6.13807 5.75 6 5.75C5.86193 5.75 5.75 5.86193 5.75 6C5.75 6.13807 5.86193 6.25 6 6.25Z" clip-rule="evenodd"/></svg>

How to use the Usb Outline icon

React

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

<Icon icon="solar:usb-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:usb-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:usb-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--usb-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:usb-outline"></div>

Web component

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

<iconify-icon icon="solar:usb-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/usb-outline.svg" alt="Usb Outline icon" width="24" height="24">

Related icons in Solar

Usb Outline icon in other icon sets

Usb Outline icon FAQ

Is the Usb Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Usb Outline icon in React?

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

How do I add the Usb Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/usb-outline.svg" alt="Usb Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →