Document Video Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Document 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/317655.svg" alt="Document Video icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317655.svg" alt="Document Video icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317655.svg" alt="Document Video icon" :width="24" :height="24" />
CSS background
.icon-document-video {
background-image: url('https://proicons.com/icon/317655.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path d="M30,19l-4,3.2V20a2.0023,2.0023,0,0,0-2-2H16a2.0023,2.0023,0,0,0-2,2v6a2.0023,2.0023,0,0,0,2,2h8a2.0023,2.0023,0,0,0,2-2V23.8L30,27ZM16,26V20h8l.0015,6Z"/>
<path d="M12,28H8V4h8v6a2.0058,2.0058,0,0,0,2,2h6v3l2,0V10a.9092.9092,0,0,0-.3-.7l-7-7A.9087.9087,0,0,0,18,2H8A2.0058,2.0058,0,0,0,6,4V28a2.0058,2.0058,0,0,0,2,2h4ZM18,4.4,23.6,10H18Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!