video slash icon
video-slash from Font Awesome 6 Solid by Dave Gandy · Regular · Chat · CC-BY-4.0 Attribution required.
- Name
- video-slash
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Chat
- Viewbox
- 640×512
- License
- CC BY 4.0
The same icon in other sets
More chat icons from Font Awesome 6 Solid
Use the video slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-86.4-67.7l13.8 9.2c9.8 6.5 22.4 7.2 32.9 1.6S608 395.8 608 384V128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64l-14.2 9.5v150.9l-32-25.1V128c0-35.3-28.7-64-64-64H113.9zM407 416.7L32.3 121.5c-.2 2.1-.3 4.3-.3 6.5v256c0 35.3 28.7 64 64 64h256c23.4 0 43.9-12.6 55-31.3"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidVideoSlash(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-86.4-67.7l13.8 9.2c9.8 6.5 22.4 7.2 32.9 1.6S608 395.8 608 384V128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64l-14.2 9.5v150.9l-32-25.1V128c0-35.3-28.7-64-64-64H113.9zM407 416.7L32.3 121.5c-.2 2.1-.3 4.3-.3 6.5v256c0 35.3 28.7 64 64 64h256c23.4 0 43.9-12.6 55-31.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-86.4-67.7l13.8 9.2c9.8 6.5 22.4 7.2 32.9 1.6S608 395.8 608 384V128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64l-14.2 9.5v150.9l-32-25.1V128c0-35.3-28.7-64-64-64H113.9zM407 416.7L32.3 121.5c-.2 2.1-.3 4.3-.3 6.5v256c0 35.3 28.7 64 64 64h256c23.4 0 43.9-12.6 55-31.3"/></svg> </template>
CSS
.icon-video-slash {
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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7l-86.4-67.7l13.8%209.2c9.8%206.5%2022.4%207.2%2032.9%201.6S608%20395.8%20608%20384V128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9%201.6l-96%2064l-14.2%209.5v150.9l-32-25.1V128c0-35.3-28.7-64-64-64H113.9zM407%20416.7L32.3%20121.5c-.2%202.1-.3%204.3-.3%206.5v256c0%2035.3%2028.7%2064%2064%2064h256c23.4%200%2043.9-12.6%2055-31.3%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7l-86.4-67.7l13.8%209.2c9.8%206.5%2022.4%207.2%2032.9%201.6S608%20395.8%20608%20384V128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9%201.6l-96%2064l-14.2%209.5v150.9l-32-25.1V128c0-35.3-28.7-64-64-64H113.9zM407%20416.7L32.3%20121.5c-.2%202.1-.3%204.3-.3%206.5v256c0%2035.3%2028.7%2064%2064%2064h256c23.4%200%2043.9-12.6%2055-31.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/video-slash.svg?color=%231a73e8&size=48
