video icon
video from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.
- Name
- video
- Set
- Radix Icons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
The same icon in other sets
videoAkar IconsvideoBoxIcons v2videoBoxIcons v2 SolidvideoCarbonvideoCatppuccin Iconsvideo-fillEva IconsvideoFont Awesome 6 SolidvideoFont Awesome SolidvideoFeather Iconsvideo-16-filledFluent UI System Iconsvideo-16Fluent UI System Color IconsvideoHealth IconsvideoIconParkvideoIconPark OutlinevideoIconPark SolidvideoIconPark TwoTonevideoLine AwesomevideoLucidevideoMage IconsvideoMajesticonsvideoMaterial Icon ThemevideoMaterial Design Iconsvideo-fillMingCute IconvideoMyna UI Icons
Use the video icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M8.226 2.009a35 35 0 0 1 2.094.117c2.03.172 3.045.257 3.826 1.056c.038.04.087.093.123.135c.73.845.731 1.966.731 4.208l-.001.78c-.01 1.708-.09 2.649-.73 3.388l-.124.135l-.15.142c-.76.668-1.754.75-3.624.906l-.683.05A33 33 0 0 1 7.5 13l-.748-.009a35 35 0 0 1-1.44-.064l-.683-.051c-1.87-.156-2.863-.238-3.624-.906l-.15-.142l-.124-.135c-.64-.74-.72-1.68-.73-3.387L0 7.526c0-2.103 0-3.22.602-4.047l.128-.162l.124-.135c.683-.699 1.546-.852 3.11-.994l.716-.062A34 34 0 0 1 7.5 2zM7.5 3c-.94 0-1.868.049-2.735.122c-1.044.088-1.72.148-2.237.27c-.411.097-.664.222-.872.406l-.087.083l-.083.09c-.199.23-.33.518-.404 1.062C1.002 5.616 1 6.377 1 7.525c0 1.135.002 1.885.082 2.46c.074.536.204.822.405 1.054l.083.09l.088.083c.21.186.459.309.86.404c.507.12 1.168.178 2.194.264l.665.049c.677.044 1.391.071 2.123.071c.976 0 1.92-.048 2.788-.12c1.026-.086 1.687-.144 2.193-.264c.46-.109.72-.253.949-.487l.083-.09l.072-.09c.16-.219.268-.496.333-.964c.08-.575.082-1.325.082-2.46c0-1.148-.002-1.91-.082-2.492c-.065-.476-.174-.756-.333-.972l-.071-.09l-.083-.09c-.226-.231-.489-.378-.96-.49c-.516-.121-1.192-.18-2.236-.269A33 33 0 0 0 7.5 3M5.25 5.383a.25.25 0 0 1 .35-.23l4.828 2.118c.2.088.2.37 0 .458L5.6 9.847a.25.25 0 0 1-.351-.23z"/></svg>
React
import type { SVGProps } from "react";
export function RadixIconsVideo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M8.226 2.009a35 35 0 0 1 2.094.117c2.03.172 3.045.257 3.826 1.056c.038.04.087.093.123.135c.73.845.731 1.966.731 4.208l-.001.78c-.01 1.708-.09 2.649-.73 3.388l-.124.135l-.15.142c-.76.668-1.754.75-3.624.906l-.683.05A33 33 0 0 1 7.5 13l-.748-.009a35 35 0 0 1-1.44-.064l-.683-.051c-1.87-.156-2.863-.238-3.624-.906l-.15-.142l-.124-.135c-.64-.74-.72-1.68-.73-3.387L0 7.526c0-2.103 0-3.22.602-4.047l.128-.162l.124-.135c.683-.699 1.546-.852 3.11-.994l.716-.062A34 34 0 0 1 7.5 2zM7.5 3c-.94 0-1.868.049-2.735.122c-1.044.088-1.72.148-2.237.27c-.411.097-.664.222-.872.406l-.087.083l-.083.09c-.199.23-.33.518-.404 1.062C1.002 5.616 1 6.377 1 7.525c0 1.135.002 1.885.082 2.46c.074.536.204.822.405 1.054l.083.09l.088.083c.21.186.459.309.86.404c.507.12 1.168.178 2.194.264l.665.049c.677.044 1.391.071 2.123.071c.976 0 1.92-.048 2.788-.12c1.026-.086 1.687-.144 2.193-.264c.46-.109.72-.253.949-.487l.083-.09l.072-.09c.16-.219.268-.496.333-.964c.08-.575.082-1.325.082-2.46c0-1.148-.002-1.91-.082-2.492c-.065-.476-.174-.756-.333-.972l-.071-.09l-.083-.09c-.226-.231-.489-.378-.96-.49c-.516-.121-1.192-.18-2.236-.269A33 33 0 0 0 7.5 3M5.25 5.383a.25.25 0 0 1 .35-.23l4.828 2.118c.2.088.2.37 0 .458L5.6 9.847a.25.25 0 0 1-.351-.23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M8.226 2.009a35 35 0 0 1 2.094.117c2.03.172 3.045.257 3.826 1.056c.038.04.087.093.123.135c.73.845.731 1.966.731 4.208l-.001.78c-.01 1.708-.09 2.649-.73 3.388l-.124.135l-.15.142c-.76.668-1.754.75-3.624.906l-.683.05A33 33 0 0 1 7.5 13l-.748-.009a35 35 0 0 1-1.44-.064l-.683-.051c-1.87-.156-2.863-.238-3.624-.906l-.15-.142l-.124-.135c-.64-.74-.72-1.68-.73-3.387L0 7.526c0-2.103 0-3.22.602-4.047l.128-.162l.124-.135c.683-.699 1.546-.852 3.11-.994l.716-.062A34 34 0 0 1 7.5 2zM7.5 3c-.94 0-1.868.049-2.735.122c-1.044.088-1.72.148-2.237.27c-.411.097-.664.222-.872.406l-.087.083l-.083.09c-.199.23-.33.518-.404 1.062C1.002 5.616 1 6.377 1 7.525c0 1.135.002 1.885.082 2.46c.074.536.204.822.405 1.054l.083.09l.088.083c.21.186.459.309.86.404c.507.12 1.168.178 2.194.264l.665.049c.677.044 1.391.071 2.123.071c.976 0 1.92-.048 2.788-.12c1.026-.086 1.687-.144 2.193-.264c.46-.109.72-.253.949-.487l.083-.09l.072-.09c.16-.219.268-.496.333-.964c.08-.575.082-1.325.082-2.46c0-1.148-.002-1.91-.082-2.492c-.065-.476-.174-.756-.333-.972l-.071-.09l-.083-.09c-.226-.231-.489-.378-.96-.49c-.516-.121-1.192-.18-2.236-.269A33 33 0 0 0 7.5 3M5.25 5.383a.25.25 0 0 1 .35-.23l4.828 2.118c.2.088.2.37 0 .458L5.6 9.847a.25.25 0 0 1-.351-.23z"/></svg> </template>
CSS
.icon-video {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.226%202.009a35%2035%200%200%201%202.094.117c2.03.172%203.045.257%203.826%201.056c.038.04.087.093.123.135c.73.845.731%201.966.731%204.208l-.001.78c-.01%201.708-.09%202.649-.73%203.388l-.124.135l-.15.142c-.76.668-1.754.75-3.624.906l-.683.05A33%2033%200%200%201%207.5%2013l-.748-.009a35%2035%200%200%201-1.44-.064l-.683-.051c-1.87-.156-2.863-.238-3.624-.906l-.15-.142l-.124-.135c-.64-.74-.72-1.68-.73-3.387L0%207.526c0-2.103%200-3.22.602-4.047l.128-.162l.124-.135c.683-.699%201.546-.852%203.11-.994l.716-.062A34%2034%200%200%201%207.5%202zM7.5%203c-.94%200-1.868.049-2.735.122c-1.044.088-1.72.148-2.237.27c-.411.097-.664.222-.872.406l-.087.083l-.083.09c-.199.23-.33.518-.404%201.062C1.002%205.616%201%206.377%201%207.525c0%201.135.002%201.885.082%202.46c.074.536.204.822.405%201.054l.083.09l.088.083c.21.186.459.309.86.404c.507.12%201.168.178%202.194.264l.665.049c.677.044%201.391.071%202.123.071c.976%200%201.92-.048%202.788-.12c1.026-.086%201.687-.144%202.193-.264c.46-.109.72-.253.949-.487l.083-.09l.072-.09c.16-.219.268-.496.333-.964c.08-.575.082-1.325.082-2.46c0-1.148-.002-1.91-.082-2.492c-.065-.476-.174-.756-.333-.972l-.071-.09l-.083-.09c-.226-.231-.489-.378-.96-.49c-.516-.121-1.192-.18-2.236-.269A33%2033%200%200%200%207.5%203M5.25%205.383a.25.25%200%200%201%20.35-.23l4.828%202.118c.2.088.2.37%200%20.458L5.6%209.847a.25.25%200%200%201-.351-.23z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.226%202.009a35%2035%200%200%201%202.094.117c2.03.172%203.045.257%203.826%201.056c.038.04.087.093.123.135c.73.845.731%201.966.731%204.208l-.001.78c-.01%201.708-.09%202.649-.73%203.388l-.124.135l-.15.142c-.76.668-1.754.75-3.624.906l-.683.05A33%2033%200%200%201%207.5%2013l-.748-.009a35%2035%200%200%201-1.44-.064l-.683-.051c-1.87-.156-2.863-.238-3.624-.906l-.15-.142l-.124-.135c-.64-.74-.72-1.68-.73-3.387L0%207.526c0-2.103%200-3.22.602-4.047l.128-.162l.124-.135c.683-.699%201.546-.852%203.11-.994l.716-.062A34%2034%200%200%201%207.5%202zM7.5%203c-.94%200-1.868.049-2.735.122c-1.044.088-1.72.148-2.237.27c-.411.097-.664.222-.872.406l-.087.083l-.083.09c-.199.23-.33.518-.404%201.062C1.002%205.616%201%206.377%201%207.525c0%201.135.002%201.885.082%202.46c.074.536.204.822.405%201.054l.083.09l.088.083c.21.186.459.309.86.404c.507.12%201.168.178%202.194.264l.665.049c.677.044%201.391.071%202.123.071c.976%200%201.92-.048%202.788-.12c1.026-.086%201.687-.144%202.193-.264c.46-.109.72-.253.949-.487l.083-.09l.072-.09c.16-.219.268-.496.333-.964c.08-.575.082-1.325.082-2.46c0-1.148-.002-1.91-.082-2.492c-.065-.476-.174-.756-.333-.972l-.071-.09l-.083-.09c-.226-.231-.489-.378-.96-.49c-.516-.121-1.192-.18-2.236-.269A33%2033%200%200%200%207.5%203M5.25%205.383a.25.25%200%200%201%20.35-.23l4.828%202.118c.2.088.2.37%200%20.458L5.6%209.847a.25.25%200%200%201-.351-.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/video.svg?color=%231a73e8&size=48
