USB icon

Use the USB 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 { Usb24Regular, Usb24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Usb24Regular aria-label="USB" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_usb_24_regular.svg" width="24" height="24" alt="USB">

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="M11.3643 1.85248C11.6581 1.38363 12.3418 1.38374 12.6357 1.85248L13.8848 3.8476C14.1971 4.34702 13.8382 4.99498 13.249 4.99507H12.75V13.5L15.957 10.4463C16.3038 10.116 16.5 9.65754 16.5 9.17868V8.49996H16.25C15.8358 8.49996 15.5 8.16417 15.5 7.74996V5.74995C15.5001 5.33578 15.8358 4.99995 16.25 4.99995H18.25C18.6642 4.99995 18.9999 5.33578 19 5.74995V7.74996C19 8.16417 18.6642 8.49996 18.25 8.49996H18V9.17868C18 10.0681 17.6352 10.9188 16.9912 11.5322L13.293 15.0537C12.9462 15.3839 12.7501 15.8424 12.75 16.3213V18.1465C13.4827 18.4433 14 19.1608 14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 19.1641 10.513 18.4483 11.2412 18.1494C11.2002 17.7339 11.012 17.3442 10.707 17.0537L7.00879 13.5322C6.36477 12.9188 6.00004 12.0681 6 11.1787V10.3291C5.40931 10.048 5 9.44767 5 8.74996C5.00006 7.78351 5.78354 6.99996 6.75 6.99996C7.71646 6.99996 8.49994 7.78351 8.5 8.74996C8.5 9.44767 8.09069 10.048 7.5 10.3291V11.1787C7.50004 11.6575 7.69622 12.116 8.04297 12.4463L11.25 15.5V4.99507H10.751C10.1618 4.99491 9.80265 4.34703 10.1152 3.8476L11.3643 1.85248Z" 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_24_regular.svg";

Details