usb icon

usb from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
usb
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

The same icon in other sets

usbBootstrap IconsusbBoxIcons v2usbCarbonusbFont Awesome 6 Brandsusb-16-filledFluent UI System Iconsusbcss.ggusbHuge IconsusbIconoirusbLine AwesomeusbLucideusbMajesticonsusbMaterial SymbolsusbMaterial Design Iconsusb-fillMingCute IconusbPhosphorusbPixelarticonsusb-fillRemix Iconusb-boldSolarusbTabler Icons

Use the usb icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M144 220s.1.1 0 0z" fill="currentColor"/><path d="M384 128.3c0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.1 0 12.1 6.7 22.7 16.6 28.2 1.3 1.5 2.2 4.5 2.2 6v.4c-.8 17.6-3.8 31.9-7.1 41.7-4.3 12.6-38.2 39.6-51.5 42.2-5.8 1.2-7.9-.6-7.9-10.2V96.1c0-1.5.2-3.5 1.9-5 8.6-5.8 14.3-15.6 14.3-26.8 0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.2 0 11.3 5.8 21.3 14.6 27l.1.1c.1.1.2.1.4.2s.4.2.6.4c2.3 1.5 3.3 3 3.3 4.2v196.3c0 7-1.1 12.3-8.4 11.8s-41.7-23.5-51.4-44.1c-4.5-9.5-6.8-18.8-6.8-28v-.5c0-3.1 0-11.3 3.2-13.6 7.8-5.9 12.8-15.2 12.8-25.7 0-17.8-14.4-32.2-32.1-32.2s-32.4 14.2-32.4 32c0 11.9 6.5 22.3 16 27.8 2.4 1.5 3 2.9 3.8 10.6s3 24.6 9.1 39.9c7.3 18.6 20.9 32.6 39.7 45.2 13.6 9.3 25.3 16.6 32.1 26.4s10.2 13.5 10.2 27c0 0 0-.9 0 0 0 12.8-4 14-9.3 17.8-14.1 8.7-23.5 24.2-23.5 42v1.1c0 27.5 22.3 49.8 49.8 49.8 27.5 0 49.8-22.3 49.8-49.8 0-13.3-5.2-25.4-13.7-34.3-2.9-3.2-6-6-9.6-8.3-7.5-5.2-10.3-11.5-10.3-18.1v-24.1c0-25.1 4.1-41.1 11.1-53.3 7.3-12.7 18.3-22.6 35.4-34.2 18.8-12.6 32.2-26.6 39.6-45.2 5.7-14.4 7.6-31 8.6-50.9.1-1.8 1.4-5.8 3.3-6.8 8.3-5.8 13.9-15.5 13.9-26.5zm-223.9 80c-8.9 0-16.1-7.3-16.1-16.2s7.2-16.2 16.1-16.2 16.1 7.3 16.1 16.2-7.2 16.2-16.1 16.2zm95.9-128c-8.9 0-16.1-7.3-16.1-16.2S247.1 48 256 48s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1zm95.9 64c-8.9 0-16.1-7.3-16.1-16.2S343 112 351.9 112s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonUsb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M144 220s.1.1 0 0z" fill="currentColor"/><path d="M384 128.3c0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.1 0 12.1 6.7 22.7 16.6 28.2 1.3 1.5 2.2 4.5 2.2 6v.4c-.8 17.6-3.8 31.9-7.1 41.7-4.3 12.6-38.2 39.6-51.5 42.2-5.8 1.2-7.9-.6-7.9-10.2V96.1c0-1.5.2-3.5 1.9-5 8.6-5.8 14.3-15.6 14.3-26.8 0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.2 0 11.3 5.8 21.3 14.6 27l.1.1c.1.1.2.1.4.2s.4.2.6.4c2.3 1.5 3.3 3 3.3 4.2v196.3c0 7-1.1 12.3-8.4 11.8s-41.7-23.5-51.4-44.1c-4.5-9.5-6.8-18.8-6.8-28v-.5c0-3.1 0-11.3 3.2-13.6 7.8-5.9 12.8-15.2 12.8-25.7 0-17.8-14.4-32.2-32.1-32.2s-32.4 14.2-32.4 32c0 11.9 6.5 22.3 16 27.8 2.4 1.5 3 2.9 3.8 10.6s3 24.6 9.1 39.9c7.3 18.6 20.9 32.6 39.7 45.2 13.6 9.3 25.3 16.6 32.1 26.4s10.2 13.5 10.2 27c0 0 0-.9 0 0 0 12.8-4 14-9.3 17.8-14.1 8.7-23.5 24.2-23.5 42v1.1c0 27.5 22.3 49.8 49.8 49.8 27.5 0 49.8-22.3 49.8-49.8 0-13.3-5.2-25.4-13.7-34.3-2.9-3.2-6-6-9.6-8.3-7.5-5.2-10.3-11.5-10.3-18.1v-24.1c0-25.1 4.1-41.1 11.1-53.3 7.3-12.7 18.3-22.6 35.4-34.2 18.8-12.6 32.2-26.6 39.6-45.2 5.7-14.4 7.6-31 8.6-50.9.1-1.8 1.4-5.8 3.3-6.8 8.3-5.8 13.9-15.5 13.9-26.5zm-223.9 80c-8.9 0-16.1-7.3-16.1-16.2s7.2-16.2 16.1-16.2 16.1 7.3 16.1 16.2-7.2 16.2-16.1 16.2zm95.9-128c-8.9 0-16.1-7.3-16.1-16.2S247.1 48 256 48s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1zm95.9 64c-8.9 0-16.1-7.3-16.1-16.2S343 112 351.9 112s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M144 220s.1.1 0 0z" fill="currentColor"/><path d="M384 128.3c0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.1 0 12.1 6.7 22.7 16.6 28.2 1.3 1.5 2.2 4.5 2.2 6v.4c-.8 17.6-3.8 31.9-7.1 41.7-4.3 12.6-38.2 39.6-51.5 42.2-5.8 1.2-7.9-.6-7.9-10.2V96.1c0-1.5.2-3.5 1.9-5 8.6-5.8 14.3-15.6 14.3-26.8 0-17.8-14.4-32.2-32.1-32.2-17.7 0-32.1 14.4-32.1 32.2 0 11.3 5.8 21.3 14.6 27l.1.1c.1.1.2.1.4.2s.4.2.6.4c2.3 1.5 3.3 3 3.3 4.2v196.3c0 7-1.1 12.3-8.4 11.8s-41.7-23.5-51.4-44.1c-4.5-9.5-6.8-18.8-6.8-28v-.5c0-3.1 0-11.3 3.2-13.6 7.8-5.9 12.8-15.2 12.8-25.7 0-17.8-14.4-32.2-32.1-32.2s-32.4 14.2-32.4 32c0 11.9 6.5 22.3 16 27.8 2.4 1.5 3 2.9 3.8 10.6s3 24.6 9.1 39.9c7.3 18.6 20.9 32.6 39.7 45.2 13.6 9.3 25.3 16.6 32.1 26.4s10.2 13.5 10.2 27c0 0 0-.9 0 0 0 12.8-4 14-9.3 17.8-14.1 8.7-23.5 24.2-23.5 42v1.1c0 27.5 22.3 49.8 49.8 49.8 27.5 0 49.8-22.3 49.8-49.8 0-13.3-5.2-25.4-13.7-34.3-2.9-3.2-6-6-9.6-8.3-7.5-5.2-10.3-11.5-10.3-18.1v-24.1c0-25.1 4.1-41.1 11.1-53.3 7.3-12.7 18.3-22.6 35.4-34.2 18.8-12.6 32.2-26.6 39.6-45.2 5.7-14.4 7.6-31 8.6-50.9.1-1.8 1.4-5.8 3.3-6.8 8.3-5.8 13.9-15.5 13.9-26.5zm-223.9 80c-8.9 0-16.1-7.3-16.1-16.2s7.2-16.2 16.1-16.2 16.1 7.3 16.1 16.2-7.2 16.2-16.1 16.2zm95.9-128c-8.9 0-16.1-7.3-16.1-16.2S247.1 48 256 48s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1zm95.9 64c-8.9 0-16.1-7.3-16.1-16.2S343 112 351.9 112s16.1 7.3 16.1 16.2-7.2 16.1-16.1 16.1z" fill="currentColor"/></svg>
</template>

CSS

.icon-usb {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20220s.1.1%200%200z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M384%20128.3c0-17.8-14.4-32.2-32.1-32.2-17.7%200-32.1%2014.4-32.1%2032.1%200%2012.1%206.7%2022.7%2016.6%2028.2%201.3%201.5%202.2%204.5%202.2%206v.4c-.8%2017.6-3.8%2031.9-7.1%2041.7-4.3%2012.6-38.2%2039.6-51.5%2042.2-5.8%201.2-7.9-.6-7.9-10.2V96.1c0-1.5.2-3.5%201.9-5%208.6-5.8%2014.3-15.6%2014.3-26.8%200-17.8-14.4-32.2-32.1-32.2-17.7%200-32.1%2014.4-32.1%2032.2%200%2011.3%205.8%2021.3%2014.6%2027l.1.1c.1.1.2.1.4.2s.4.2.6.4c2.3%201.5%203.3%203%203.3%204.2v196.3c0%207-1.1%2012.3-8.4%2011.8s-41.7-23.5-51.4-44.1c-4.5-9.5-6.8-18.8-6.8-28v-.5c0-3.1%200-11.3%203.2-13.6%207.8-5.9%2012.8-15.2%2012.8-25.7%200-17.8-14.4-32.2-32.1-32.2s-32.4%2014.2-32.4%2032c0%2011.9%206.5%2022.3%2016%2027.8%202.4%201.5%203%202.9%203.8%2010.6s3%2024.6%209.1%2039.9c7.3%2018.6%2020.9%2032.6%2039.7%2045.2%2013.6%209.3%2025.3%2016.6%2032.1%2026.4s10.2%2013.5%2010.2%2027c0%200%200-.9%200%200%200%2012.8-4%2014-9.3%2017.8-14.1%208.7-23.5%2024.2-23.5%2042v1.1c0%2027.5%2022.3%2049.8%2049.8%2049.8%2027.5%200%2049.8-22.3%2049.8-49.8%200-13.3-5.2-25.4-13.7-34.3-2.9-3.2-6-6-9.6-8.3-7.5-5.2-10.3-11.5-10.3-18.1v-24.1c0-25.1%204.1-41.1%2011.1-53.3%207.3-12.7%2018.3-22.6%2035.4-34.2%2018.8-12.6%2032.2-26.6%2039.6-45.2%205.7-14.4%207.6-31%208.6-50.9.1-1.8%201.4-5.8%203.3-6.8%208.3-5.8%2013.9-15.5%2013.9-26.5zm-223.9%2080c-8.9%200-16.1-7.3-16.1-16.2s7.2-16.2%2016.1-16.2%2016.1%207.3%2016.1%2016.2-7.2%2016.2-16.1%2016.2zm95.9-128c-8.9%200-16.1-7.3-16.1-16.2S247.1%2048%20256%2048s16.1%207.3%2016.1%2016.2-7.2%2016.1-16.1%2016.1zm95.9%2064c-8.9%200-16.1-7.3-16.1-16.2S343%20112%20351.9%20112s16.1%207.3%2016.1%2016.2-7.2%2016.1-16.1%2016.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20220s.1.1%200%200z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M384%20128.3c0-17.8-14.4-32.2-32.1-32.2-17.7%200-32.1%2014.4-32.1%2032.1%200%2012.1%206.7%2022.7%2016.6%2028.2%201.3%201.5%202.2%204.5%202.2%206v.4c-.8%2017.6-3.8%2031.9-7.1%2041.7-4.3%2012.6-38.2%2039.6-51.5%2042.2-5.8%201.2-7.9-.6-7.9-10.2V96.1c0-1.5.2-3.5%201.9-5%208.6-5.8%2014.3-15.6%2014.3-26.8%200-17.8-14.4-32.2-32.1-32.2-17.7%200-32.1%2014.4-32.1%2032.2%200%2011.3%205.8%2021.3%2014.6%2027l.1.1c.1.1.2.1.4.2s.4.2.6.4c2.3%201.5%203.3%203%203.3%204.2v196.3c0%207-1.1%2012.3-8.4%2011.8s-41.7-23.5-51.4-44.1c-4.5-9.5-6.8-18.8-6.8-28v-.5c0-3.1%200-11.3%203.2-13.6%207.8-5.9%2012.8-15.2%2012.8-25.7%200-17.8-14.4-32.2-32.1-32.2s-32.4%2014.2-32.4%2032c0%2011.9%206.5%2022.3%2016%2027.8%202.4%201.5%203%202.9%203.8%2010.6s3%2024.6%209.1%2039.9c7.3%2018.6%2020.9%2032.6%2039.7%2045.2%2013.6%209.3%2025.3%2016.6%2032.1%2026.4s10.2%2013.5%2010.2%2027c0%200%200-.9%200%200%200%2012.8-4%2014-9.3%2017.8-14.1%208.7-23.5%2024.2-23.5%2042v1.1c0%2027.5%2022.3%2049.8%2049.8%2049.8%2027.5%200%2049.8-22.3%2049.8-49.8%200-13.3-5.2-25.4-13.7-34.3-2.9-3.2-6-6-9.6-8.3-7.5-5.2-10.3-11.5-10.3-18.1v-24.1c0-25.1%204.1-41.1%2011.1-53.3%207.3-12.7%2018.3-22.6%2035.4-34.2%2018.8-12.6%2032.2-26.6%2039.6-45.2%205.7-14.4%207.6-31%208.6-50.9.1-1.8%201.4-5.8%203.3-6.8%208.3-5.8%2013.9-15.5%2013.9-26.5zm-223.9%2080c-8.9%200-16.1-7.3-16.1-16.2s7.2-16.2%2016.1-16.2%2016.1%207.3%2016.1%2016.2-7.2%2016.2-16.1%2016.2zm95.9-128c-8.9%200-16.1-7.3-16.1-16.2S247.1%2048%20256%2048s16.1%207.3%2016.1%2016.2-7.2%2016.1-16.1%2016.1zm95.9%2064c-8.9%200-16.1-7.3-16.1-16.2S343%20112%20351.9%20112s16.1%207.3%2016.1%2016.2-7.2%2016.1-16.1%2016.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/usb.svg?color=%231a73e8&size=48