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/311030.svg" alt="Video icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/311030.svg" alt="Video icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/311030.svg" alt="Video icon" :width="24" :height="24" />
CSS background
.icon-video {
background-image: url('https://proicons.com/icon/311030.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="M12 5.31918H6.09461C5.62169 5.31918 5.15343 5.4125 4.71664 5.59378C4.27985 5.77507 3.88313 6.04077 3.54921 6.37564C3.21528 6.71052 2.95072 7.108 2.77068 7.5453C2.59064 7.9826 2.49866 8.45113 2.50001 8.92405V15.0862C2.50001 16.0395 2.87873 16.9538 3.55285 17.628C4.22696 18.3021 5.14126 18.6808 6.09461 18.6808H12C12.9533 18.6808 13.8676 18.3021 14.5418 17.628C15.2159 16.9538 15.5946 16.0395 15.5946 15.0862V8.92405C15.5959 8.45113 15.504 7.9826 15.3239 7.5453C15.1439 7.108 14.8793 6.71052 14.5454 6.37564C14.2115 6.04077 13.8148 5.77507 13.378 5.59378C12.9412 5.4125 12.4729 5.31918 12 5.31918Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.5 9.43756V14.5727C21.5 14.8236 21.4288 15.0693 21.2946 15.2813C21.1592 15.494 20.9671 15.6648 20.74 15.7743C20.5145 15.8866 20.2607 15.9295 20.0108 15.8976C19.7638 15.8685 19.5295 15.7727 19.333 15.6203L16.1081 13.0322C15.9516 12.9038 15.8254 12.7425 15.7384 12.5597C15.6505 12.3807 15.6047 12.184 15.6047 11.9846C15.6047 11.7852 15.6505 11.5884 15.7384 11.4095C15.8303 11.2415 15.9562 11.0946 16.1081 10.9781L19.333 8.41054C19.5295 8.25813 19.7638 8.16225 20.0108 8.13324C20.2607 8.10129 20.5145 8.14418 20.74 8.25648C20.9671 8.36603 21.1592 8.53675 21.2946 8.74945C21.4251 8.95554 21.4962 9.19366 21.5 9.43756Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Video in other icon packs
Copied!