Video Player Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Video Player 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/311026.svg" alt="Video Player icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/311026.svg" alt="Video Player icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/311026.svg" alt="Video Player icon" :width="24" :height="24" />
CSS background
.icon-video-player {
background-image: url('https://proicons.com/icon/311026.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="M3.19586 7.87347H8.19281H15.8072H20.8041" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.8072 7.87347V2.87653" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.19281 7.87347V2.87653" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.1398 11.9281V16.8504C10.1401 16.9513 10.1718 17.0502 10.2314 17.1357C10.291 17.2213 10.3761 17.2902 10.4771 17.3347C10.5781 17.3792 10.6909 17.3974 10.8028 17.3873C10.9147 17.3772 11.0212 17.3393 11.1103 17.2777L14.9079 14.6273C14.9831 14.5746 15.0433 14.5067 15.0836 14.4291C15.1238 14.3515 15.1429 14.2664 15.1394 14.1808C15.1359 14.0953 15.1098 14.0117 15.0632 13.937C15.0167 13.8623 14.9511 13.7985 14.8717 13.751L11.0742 11.4792C10.9835 11.4256 10.8784 11.395 10.77 11.3906C10.6615 11.3862 10.5538 11.4081 10.4581 11.4541C10.3624 11.5001 10.2823 11.5684 10.2263 11.6518C10.1703 11.7353 10.1404 11.8307 10.1398 11.9281Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/> </svg>
Video Player in other icon packs
Copied!