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/310283.svg" alt="Playlist icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310283.svg" alt="Playlist icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310283.svg" alt="Playlist icon" :width="24" :height="24" />
CSS background
.icon-playlist {
background-image: url('https://proicons.com/icon/310283.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="M20 5.245H4C3.80109 5.245 3.61032 5.16598 3.46967 5.02533C3.32901 4.88468 3.25 4.69391 3.25 4.495C3.25 4.29608 3.32901 4.10531 3.46967 3.96466C3.61032 3.82401 3.80109 3.745 4 3.745H20C20.1989 3.745 20.3897 3.82401 20.5303 3.96466C20.671 4.10531 20.75 4.29608 20.75 4.495C20.75 4.69391 20.671 4.88468 20.5303 5.02533C20.3897 5.16598 20.1989 5.245 20 5.245Z" fill="black"/> <path d="M20 11.245H4C3.80109 11.245 3.61032 11.166 3.46967 11.0253C3.32901 10.8847 3.25 10.6939 3.25 10.495C3.25 10.2961 3.32901 10.1053 3.46967 9.96466C3.61032 9.82401 3.80109 9.745 4 9.745H20C20.1989 9.745 20.3897 9.82401 20.5303 9.96466C20.671 10.1053 20.75 10.2961 20.75 10.495C20.75 10.6939 20.671 10.8847 20.5303 11.0253C20.3897 11.166 20.1989 11.245 20 11.245Z" fill="black"/> <path d="M12 17.245H4C3.80109 17.245 3.61032 17.166 3.46967 17.0253C3.32901 16.8847 3.25 16.6939 3.25 16.495C3.25 16.2961 3.32901 16.1053 3.46967 15.9647C3.61032 15.824 3.80109 15.745 4 15.745H12C12.1989 15.745 12.3897 15.824 12.5303 15.9647C12.671 16.1053 12.75 16.2961 12.75 16.495C12.75 16.6939 12.671 16.8847 12.5303 17.0253C12.3897 17.166 12.1989 17.245 12 17.245Z" fill="black"/> <path d="M20.72 16.245C20.7219 16.4544 20.6811 16.6619 20.6 16.855C20.5083 17.0369 20.3787 17.1972 20.22 17.325L16.84 19.995C16.6503 20.1446 16.4208 20.235 16.18 20.255H16.05C15.8525 20.2562 15.6574 20.2117 15.48 20.125C15.2691 20.0157 15.09 19.8538 14.96 19.655C14.8307 19.4517 14.7613 19.216 14.76 18.975V13.995C14.7672 13.7642 14.8336 13.5391 14.9526 13.3413C15.0717 13.1435 15.2395 12.9795 15.44 12.865C15.6462 12.7568 15.8773 12.705 16.11 12.715C16.342 12.7233 16.567 12.796 16.76 12.925L20.17 15.205C20.3383 15.3145 20.4786 15.462 20.5793 15.6358C20.6801 15.8095 20.7385 16.0045 20.75 16.205L20.72 16.245Z" fill="black"/> </svg>
Playlist in other icon packs
Copied!