USB Stick icon
Used to represent physical usb connections in stick form. Minor difference with USB Plug. The USB Stick icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the USB Stick icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { UsbStick24Regular, UsbStick24Filled } from "@fluentui/react-icons";
export function Example() {
return <UsbStick24Regular aria-label="USB Stick" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_usb_stick_24_regular.svg" width="24" height="24" alt="USB Stick"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.2673 1.99707C15.647 1.99707 15.9608 2.27922 16.0104 2.6453L16.0173 2.74707L16.0176 7.13263C16.8335 7.42689 17.4304 8.17932 17.4978 9.07937L17.5042 9.24978V19.7498C17.5042 20.9406 16.579 21.9154 15.4082 21.9946L15.2542 21.9998H8.75415C7.56329 21.9998 6.58851 21.0746 6.50934 19.9038L6.50415 19.7498V9.24978C6.50415 8.26529 7.13644 7.42848 8.01709 7.12329L8.01648 2.74707C8.01648 2.36737 8.29864 2.05358 8.66471 2.00392L8.76648 1.99707H15.2673ZM15.2542 8.49978H8.75415C8.37446 8.49978 8.06066 8.78194 8.011 9.14801L8.00415 9.24978V19.7498C8.00415 20.1295 8.2863 20.4433 8.65238 20.4929L8.75415 20.4998H15.2542C15.6338 20.4998 15.9476 20.2176 15.9973 19.8516L16.0042 19.7498V9.24978C16.0042 8.87009 15.722 8.55629 15.3559 8.50663L15.2542 8.49978ZM14.517 3.49678H9.51601V6.99878H14.517V3.49678Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/usb_stick_24_regular.svg";Details
| Name | USB Stick |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_usb_stick_24_regular.svg |
| Filled file | ic_fluent_usb_stick_24_filled.svg |
| React components | UsbStick24Regular, UsbStick24Filled |
| License | MIT (© Microsoft Corporation) |