video-usb-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
video-usb-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
License
MIT

11 other variants in Fluent UI System Icons

Related icons in Fluent UI System Icons

Use the video usb icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 7A6.25 6.25 0 0 0 6 13.25v.809A5 5 0 0 1 6.75 14h5.5A4.75 4.75 0 0 1 17 18.75v3.127c1.21.86 2 2.273 2 3.873v6.584a4.75 4.75 0 0 1-.677 2.444L18.19 35h8.56A6.25 6.25 0 0 0 33 28.75v-15.5A6.25 6.25 0 0 0 26.75 7zM35 28.339l5.907 4.079c2.156 1.488 5.097-.055 5.097-2.675V12.256c0-2.62-2.941-4.163-5.097-2.675L35 13.66zM6.75 16A2.75 2.75 0 0 0 4 18.75v4.354a2.75 2.75 0 0 0-2 2.646v6.584c0 .499.135.988.392 1.415l2.572 4.288a.25.25 0 0 1 .036.129v3.084A2.75 2.75 0 0 0 7.75 44h3.5A2.75 2.75 0 0 0 14 41.25v-3.084a.25.25 0 0 1 .036-.13l2.572-4.287A2.75 2.75 0 0 0 17 32.334V25.75a2.75 2.75 0 0 0-2-2.646V18.75A2.75 2.75 0 0 0 12.25 16zm5.75 7h-6v-4.25a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25z"/></svg>

React

import type { SVGProps } from "react";

export function FluentVideoUsb48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 7A6.25 6.25 0 0 0 6 13.25v.809A5 5 0 0 1 6.75 14h5.5A4.75 4.75 0 0 1 17 18.75v3.127c1.21.86 2 2.273 2 3.873v6.584a4.75 4.75 0 0 1-.677 2.444L18.19 35h8.56A6.25 6.25 0 0 0 33 28.75v-15.5A6.25 6.25 0 0 0 26.75 7zM35 28.339l5.907 4.079c2.156 1.488 5.097-.055 5.097-2.675V12.256c0-2.62-2.941-4.163-5.097-2.675L35 13.66zM6.75 16A2.75 2.75 0 0 0 4 18.75v4.354a2.75 2.75 0 0 0-2 2.646v6.584c0 .499.135.988.392 1.415l2.572 4.288a.25.25 0 0 1 .036.129v3.084A2.75 2.75 0 0 0 7.75 44h3.5A2.75 2.75 0 0 0 14 41.25v-3.084a.25.25 0 0 1 .036-.13l2.572-4.287A2.75 2.75 0 0 0 17 32.334V25.75a2.75 2.75 0 0 0-2-2.646V18.75A2.75 2.75 0 0 0 12.25 16zm5.75 7h-6v-4.25a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 7A6.25 6.25 0 0 0 6 13.25v.809A5 5 0 0 1 6.75 14h5.5A4.75 4.75 0 0 1 17 18.75v3.127c1.21.86 2 2.273 2 3.873v6.584a4.75 4.75 0 0 1-.677 2.444L18.19 35h8.56A6.25 6.25 0 0 0 33 28.75v-15.5A6.25 6.25 0 0 0 26.75 7zM35 28.339l5.907 4.079c2.156 1.488 5.097-.055 5.097-2.675V12.256c0-2.62-2.941-4.163-5.097-2.675L35 13.66zM6.75 16A2.75 2.75 0 0 0 4 18.75v4.354a2.75 2.75 0 0 0-2 2.646v6.584c0 .499.135.988.392 1.415l2.572 4.288a.25.25 0 0 1 .036.129v3.084A2.75 2.75 0 0 0 7.75 44h3.5A2.75 2.75 0 0 0 14 41.25v-3.084a.25.25 0 0 1 .036-.13l2.572-4.287A2.75 2.75 0 0 0 17 32.334V25.75a2.75 2.75 0 0 0-2-2.646V18.75A2.75 2.75 0 0 0 12.25 16zm5.75 7h-6v-4.25a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25z"/></svg>
</template>

CSS

.icon-video-usb-48-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.25%207A6.25%206.25%200%200%200%206%2013.25v.809A5%205%200%200%201%206.75%2014h5.5A4.75%204.75%200%200%201%2017%2018.75v3.127c1.21.86%202%202.273%202%203.873v6.584a4.75%204.75%200%200%201-.677%202.444L18.19%2035h8.56A6.25%206.25%200%200%200%2033%2028.75v-15.5A6.25%206.25%200%200%200%2026.75%207zM35%2028.339l5.907%204.079c2.156%201.488%205.097-.055%205.097-2.675V12.256c0-2.62-2.941-4.163-5.097-2.675L35%2013.66zM6.75%2016A2.75%202.75%200%200%200%204%2018.75v4.354a2.75%202.75%200%200%200-2%202.646v6.584c0%20.499.135.988.392%201.415l2.572%204.288a.25.25%200%200%201%20.036.129v3.084A2.75%202.75%200%200%200%207.75%2044h3.5A2.75%202.75%200%200%200%2014%2041.25v-3.084a.25.25%200%200%201%20.036-.13l2.572-4.287A2.75%202.75%200%200%200%2017%2032.334V25.75a2.75%202.75%200%200%200-2-2.646V18.75A2.75%202.75%200%200%200%2012.25%2016zm5.75%207h-6v-4.25a.25.25%200%200%201%20.25-.25h5.5a.25.25%200%200%201%20.25.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.25%207A6.25%206.25%200%200%200%206%2013.25v.809A5%205%200%200%201%206.75%2014h5.5A4.75%204.75%200%200%201%2017%2018.75v3.127c1.21.86%202%202.273%202%203.873v6.584a4.75%204.75%200%200%201-.677%202.444L18.19%2035h8.56A6.25%206.25%200%200%200%2033%2028.75v-15.5A6.25%206.25%200%200%200%2026.75%207zM35%2028.339l5.907%204.079c2.156%201.488%205.097-.055%205.097-2.675V12.256c0-2.62-2.941-4.163-5.097-2.675L35%2013.66zM6.75%2016A2.75%202.75%200%200%200%204%2018.75v4.354a2.75%202.75%200%200%200-2%202.646v6.584c0%20.499.135.988.392%201.415l2.572%204.288a.25.25%200%200%201%20.036.129v3.084A2.75%202.75%200%200%200%207.75%2044h3.5A2.75%202.75%200%200%200%2014%2041.25v-3.084a.25.25%200%200%201%20.036-.13l2.572-4.287A2.75%202.75%200%200%200%2017%2032.334V25.75a2.75%202.75%200%200%200-2-2.646V18.75A2.75%202.75%200%200%200%2012.25%2016zm5.75%207h-6v-4.25a.25.25%200%200%201%20.25-.25h5.5a.25.25%200%200%201%20.25.25z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/video-usb-48-filled.svg?color=%231a73e8&size=48