Video Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Video icon is commonly used in media galleries, video players and content feeds. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310386.svg" alt="Video icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310386.svg" alt="Video icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310386.svg" alt="Video icon" :width="24" :height="24" />
CSS background
.icon-video {
background-image: url('https://proicons.com/icon/310386.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.2046 9.41001V14.54C22.2148 14.9224 22.1178 15.2999 21.9246 15.63C21.7143 15.9609 21.4167 16.2274 21.0646 16.4C20.7852 16.5393 20.4769 16.6112 20.1646 16.61H19.9146C19.5489 16.5585 19.2036 16.41 18.9146 16.18L16.3846 14.18V15.09C16.3846 16.241 15.9274 17.3449 15.1135 18.1588C14.2996 18.9728 13.1957 19.43 12.0447 19.43H6.13465C4.98402 19.4273 3.88088 18.971 3.06465 18.16C2.66038 17.7578 2.33996 17.2793 2.12195 16.7523C1.90395 16.2253 1.7927 15.6603 1.79465 15.09V8.92002C1.79386 8.35031 1.90602 7.7861 2.12465 7.26001C2.56667 6.1946 3.41113 5.34654 4.47465 4.9C5.00074 4.68137 5.56494 4.56922 6.13465 4.57001H11.9246C12.4975 4.57025 13.0648 4.68234 13.5946 4.9C14.6582 5.34654 15.5026 6.1946 15.9446 7.26001C16.1657 7.78854 16.2747 8.35719 16.2646 8.93V9.83002L18.7947 7.83002C19.0249 7.64913 19.2905 7.51862 19.5744 7.44696C19.8583 7.37531 20.1541 7.3641 20.4426 7.41407C20.7311 7.46403 21.0059 7.57405 21.2491 7.737C21.4924 7.89996 21.6987 8.11223 21.8546 8.36002C22.0618 8.67306 22.1825 9.03528 22.2046 9.41001Z" fill="black"/> </svg>
Video in other icon packs
Copied!