TV USB icon

Use the TV 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 { TvUsb24Regular, TvUsb24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_tv_usb_24_regular.svg" width="24" height="24" alt="TV 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="M4.75 3C3.23122 3 2 4.23122 2 5.75V14.25C2 15.7688 3.23122 17 4.75 17H14.5V15.5H4.75C4.05964 15.5 3.5 14.9404 3.5 14.25V5.75C3.5 5.05964 4.05964 4.5 4.75 4.5H19.25C19.9404 4.5 20.5 5.05964 20.5 5.75V8.5H21C21.3556 8.5 21.6938 8.57422 22 8.70802V5.75C22 4.23122 20.7688 3 19.25 3H4.75ZM5.75 18.5H14.7511C14.7972 18.5949 14.8494 18.6871 14.9076 18.7761L15.7078 20H5.75C5.33579 20 5 19.6642 5 19.25C5 18.8358 5.33579 18.5 5.75 18.5ZM17.5 20L16.163 17.9552C16.0567 17.7925 16 17.6024 16 17.408V14C16 13.4477 16.4477 13 17 13V11C17 10.4477 17.4477 10 18 10H21C21.5523 10 22 10.4477 22 11V13C22.5523 13 23 13.4477 23 14V17.4407C23 17.6376 22.9419 17.8301 22.8329 17.9941L21.5 20V22C21.5 22.5523 21.0523 23 20.5 23H18.5C17.9477 23 17.5 22.5523 17.5 22V20ZM20.5 11.5H18.5V13H20.5V11.5Z" 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/tv_usb_24_regular.svg";

Details

Keywords

devicescreenphysicalanalogwatchviewvideotelevision