Video USB icon

Used to represent general video content scenarios. The Video USB icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 6 sizes from 16 to 48 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_video_usb_24_regular.svg

Video USB icon in React

npm install @fluentui/react-icons

import { VideoUsb24Regular } from "@fluentui/react-icons";

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

Video USB icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/video_usb_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/video_usb_24_regular.svg" width="24" height="24" alt="Video USB">

Video USB icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.VideoUsb())" />

Video USB icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.video_usb_24_regular)

Video USB icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF06DE;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF06DE;" FontSize="24" />

Video USB icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_video_usb_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f06de";
  font-size: 24px;
}

Video USB icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_video_usb_24_regular" />

// Kotlin
R.drawable.ic_fluent_video_usb_24_regular

Video USB icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .videoUsb24Regular)

Video USB icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Video 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 { VideoUsb24Regular, VideoUsb24Filled } from "@fluentui/react-icons";

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

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_video_usb_24_regular.svg" width="24" height="24" alt="Video 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="M6.25 4C4.45507 4 3 5.45507 3 7.25V8H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H13.75C14.7165 5.5 15.5 6.2835 15.5 7.25V14.75C15.5 15.7165 14.7165 16.5 13.75 16.5H8.99912C8.98806 16.8731 8.87277 17.2361 8.66577 17.5476L8.36514 18H13.75C15.5449 18 17 16.5449 17 14.75V14.438L20.2575 16.6872C21.4183 17.4887 23.0018 16.6578 23.0018 15.2471V6.75204C23.0018 5.34137 21.4183 4.51044 20.2575 5.31197L17 7.56118V7.25C17 5.45507 15.5449 4 13.75 4H6.25ZM17 9.38401L21.1098 6.54632C21.2756 6.43181 21.5018 6.55051 21.5018 6.75204V15.2471C21.5018 15.4486 21.2756 15.5673 21.1098 15.4528L17 12.6151V9.38401ZM2.5 19L1.16303 16.9552C1.05665 16.7925 1 16.6024 1 16.408V13C1 12.4477 1.44771 12 2 12V10C2 9.44772 2.44772 9 3 9H6C6.55228 9 7 9.44772 7 10V12C7.55228 12 8 12.4477 8 13V16.4407C8 16.6376 7.94186 16.8301 7.83288 16.9941L6.5 19V21C6.5 21.5523 6.05228 22 5.5 22H3.5C2.94772 22 2.5 21.5523 2.5 21V19ZM5.5 12V10.5H3.5V12H5.5Z" fill="currentColor"/></svg>

Details

NameVideo USB
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_video_usb_24_regular.svg
Filled fileic_fluent_video_usb_24_filled.svg
React (Regular)VideoUsb16Regular, VideoUsb20Regular, VideoUsb24Regular, VideoUsb28Regular, VideoUsb32Regular, VideoUsb48Regular
React (Filled)VideoUsb16Filled, VideoUsb20Filled, VideoUsb24Filled, VideoUsb28Filled, VideoUsb32Filled, VideoUsb48Filled
LicenseMIT (© Microsoft Corporation)

Keywords

videofilmclipmediacontentcamerarecordingcapture

Related icons