Usb Line Duotone icon

solar:usb-line-duotone

The Usb Line Duotone icon (solar:usb-line-duotone) 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: usbline, lineduotone, usblineduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="20" r="2"/><circle cx="6" cy="6" r="1"/><path stroke-linecap="round" d="M12 2V15M12 15V18V17.4415C12 16.5807 12.5509 15.8164 13.3675 15.5442L16.6325 14.4558C17.4491 14.1836 18 13.4193 18 12.5585V10M12 15V14.4415C12 13.5807 11.4491 12.8164 10.6325 12.5442L7.36754 11.4558C6.55086 11.1836 6 10.4193 6 9.55848V7" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 5L12 2L10 5"/><path d="M17 9C17 8.5286 17 8.29289 17.1464 8.14645C17.2929 8 17.5286 8 18 8C18.4714 8 18.7071 8 18.8536 8.14645C19 8.29289 19 8.5286 19 9C19 9.4714 19 9.70711 18.8536 9.85355C18.7071 10 18.4714 10 18 10C17.5286 10 17.2929 10 17.1464 9.85355C17 9.70711 17 9.4714 17 9Z"/></g></svg>

How to use the Usb Line Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:usb-line-duotone"></iconify-icon>

HTML image

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

Related icons in Solar

Usb Line Duotone icon FAQ

Is the Usb Line Duotone 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 Line Duotone icon in React?

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

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

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

Browse all Solar icons →