Port Micro USB icon
Used to represent physical connection ports in devices. The Port Micro USB 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 Port Micro 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 { PortMicroUsb24Regular, PortMicroUsb24Filled } from "@fluentui/react-icons";
export function Example() {
return <PortMicroUsb24Regular aria-label="Port Micro USB" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_port_micro_usb_24_regular.svg" width="24" height="24" alt="Port Micro 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="M15.1716 10.5C15.2373 10.4998 15.3023 10.5127 15.363 10.5378C15.4237 10.563 15.4788 10.5999 15.5252 10.6465L17.3535 12.4748C17.4001 12.5212 17.437 12.5763 17.4622 12.637C17.4873 12.6977 17.5002 12.7627 17.5 12.8284V13C17.4998 13.1326 17.4471 13.2597 17.3534 13.3534C17.2597 13.4471 17.1326 13.4998 17 13.5H7C6.86744 13.4998 6.74035 13.4471 6.64661 13.3534C6.55288 13.2597 6.50015 13.1326 6.5 13V12.8284C6.49982 12.7627 6.51267 12.6977 6.53781 12.637C6.56296 12.5763 6.59989 12.5212 6.64648 12.4748L8.47485 10.6465C8.52117 10.5999 8.57627 10.563 8.63696 10.5378C8.69766 10.5127 8.76274 10.4998 8.82843 10.5H15.1716ZM15.1716 9H8.82843C8.56578 9 8.3057 9.05173 8.06304 9.15224C7.82038 9.25276 7.5999 9.40009 7.41418 9.58582L5.58582 11.4142C5.40009 11.5999 5.25276 11.8204 5.15224 12.063C5.05173 12.3057 5 12.5658 5 12.8284V13C5 13.5304 5.21071 14.0391 5.58579 14.4142C5.96086 14.7893 6.46957 15 7 15H17C17.5304 15 18.0391 14.7893 18.4142 14.4142C18.7893 14.0391 19 13.5304 19 13V12.8284C19 12.5658 18.9483 12.3057 18.8478 12.063C18.7472 11.8204 18.5999 11.5999 18.4142 11.4142L16.5858 9.58582C16.4001 9.40009 16.1796 9.25276 15.937 9.15224C15.6943 9.05173 15.4342 9 15.1716 9Z" 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/port_micro_usb_24_regular.svg";Details
| Name | Port Micro USB |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_port_micro_usb_24_regular.svg |
| Filled file | ic_fluent_port_micro_usb_24_filled.svg |
| React components | PortMicroUsb24Regular, PortMicroUsb24Filled |
| License | MIT (© Microsoft Corporation) |