Add icons to this collection by clicking the heart icon.
Playlist icon - also known as ui, video player, play button, album, playlist, playlist folder, and video playlist. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 20 20"
>
<linearGradient
id="a"
x1="-5.492"
x2="12.091"
y1="18.351"
y2="-3.761"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-.903"
x2="16.679"
y1="22"
y2="-.112"
href="#a"
/>
<linearGradient
id="c"
x1="1.045"
x2="18.628"
y1="23.549"
y2="1.438"
href="#a"
/>
<linearGradient
id="d"
x1="2.994"
x2="20.577"
y1="25.099"
y2="2.987"
href="#a"
/>
<linearGradient
id="e"
x1="1.879"
x2="19.462"
y1="24.212"
y2="2.101"
href="#a"
/>
<linearGradient
id="f"
x1="3.828"
x2="21.411"
y1="25.762"
y2="3.65"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M1.958 10.753a1.9 1.9 0 0 0 1.906-.024l4.8-2.878a1.891 1.891 0 0 0 0-3.243l-4.8-2.879A1.891 1.891 0 0 0 1 3.352v5.755a1.9 1.9 0 0 0 .958 1.646zM3 3.544l4.476 2.685L3 8.915z"
/>
<path fill="url(#b)" d="M12 3h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M18 5h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M18 9h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M18 13H2a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M18 17H2a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category