Playlist Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Playlist icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310918.svg" alt="Playlist icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310918.svg" alt="Playlist icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310918.svg" alt="Playlist icon" :width="24" :height="24" />
CSS background
.icon-playlist {
background-image: url('https://proicons.com/icon/310918.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="M4 5.5H20" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 11.5H20" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 17.5H12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.5133 15.0381V19.9604C15.5135 20.0613 15.542 20.1601 15.5955 20.2457C15.649 20.3313 15.7253 20.4002 15.8159 20.4447C15.9065 20.4891 16.0078 20.5074 16.1082 20.4973C16.2086 20.4872 16.3042 20.4493 16.3842 20.3877L19.7919 17.7373C19.8594 17.6846 19.9134 17.6167 19.9495 17.539C19.9856 17.4614 20.0028 17.3764 19.9996 17.2908C19.9965 17.2053 19.973 17.1217 19.9313 17.047C19.8895 16.9723 19.8306 16.9085 19.7594 16.861L16.3517 14.5892C16.2704 14.5356 16.1761 14.505 16.0787 14.5006C15.9814 14.4961 15.8847 14.5181 15.7989 14.5641C15.713 14.61 15.6411 14.6784 15.5909 14.7618C15.5406 14.8452 15.5138 14.9407 15.5133 15.0381Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Playlist in other icon packs
Copied!