playlist3 icon
playlist3 from Reicon by REICON · Outline · List · MIT Free for personal and commercial use.
- Name
- playlist3
- Set
- Reicon
- Style
- Outline
- Category
- List
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More list icons from Reicon
Use the playlist3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.25 6A.75.75 0 0 1 3 5.25h17a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 6m17.216 4.016l.068.04c.792.457 1.434.827 1.906 1.163c.476.34.888.716 1.1 1.229a2.75 2.75 0 0 1 0 2.104c-.212.513-.624.89-1.1 1.229c-.473.336-1.114.706-1.906 1.163l-.068.04c-.792.457-1.433.827-1.96 1.068c-.532.243-1.065.412-1.615.34a2.75 2.75 0 0 1-1.823-1.053c-.338-.44-.457-.986-.513-1.567c-.055-.578-.055-1.318-.055-2.232v-.08c0-.914 0-1.655.055-2.232c.056-.581.175-1.127.513-1.567a2.75 2.75 0 0 1 1.823-1.053c.55-.072 1.083.097 1.614.34c.528.24 1.169.61 1.96 1.068m-2.584.296c-.458-.209-.672-.233-.795-.216a1.25 1.25 0 0 0-.829.478c-.075.098-.162.296-.21.797c-.047.497-.048 1.166-.048 2.129s0 1.632.048 2.13c.048.5.135.698.21.796c.202.263.5.435.829.478c.123.017.337-.007.795-.216c.454-.208 1.034-.541 1.868-1.023s1.413-.817 1.82-1.106c.41-.292.537-.466.585-.58a1.25 1.25 0 0 0 0-.957c-.048-.115-.175-.289-.585-.58c-.407-.29-.986-.625-1.82-1.107s-1.414-.815-1.868-1.023M2.25 11a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75m0 5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPlaylist3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M2.25 6A.75.75 0 0 1 3 5.25h17a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 6m17.216 4.016l.068.04c.792.457 1.434.827 1.906 1.163c.476.34.888.716 1.1 1.229a2.75 2.75 0 0 1 0 2.104c-.212.513-.624.89-1.1 1.229c-.473.336-1.114.706-1.906 1.163l-.068.04c-.792.457-1.433.827-1.96 1.068c-.532.243-1.065.412-1.615.34a2.75 2.75 0 0 1-1.823-1.053c-.338-.44-.457-.986-.513-1.567c-.055-.578-.055-1.318-.055-2.232v-.08c0-.914 0-1.655.055-2.232c.056-.581.175-1.127.513-1.567a2.75 2.75 0 0 1 1.823-1.053c.55-.072 1.083.097 1.614.34c.528.24 1.169.61 1.96 1.068m-2.584.296c-.458-.209-.672-.233-.795-.216a1.25 1.25 0 0 0-.829.478c-.075.098-.162.296-.21.797c-.047.497-.048 1.166-.048 2.129s0 1.632.048 2.13c.048.5.135.698.21.796c.202.263.5.435.829.478c.123.017.337-.007.795-.216c.454-.208 1.034-.541 1.868-1.023s1.413-.817 1.82-1.106c.41-.292.537-.466.585-.58a1.25 1.25 0 0 0 0-.957c-.048-.115-.175-.289-.585-.58c-.407-.29-.986-.625-1.82-1.107s-1.414-.815-1.868-1.023M2.25 11a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75m0 5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.25 6A.75.75 0 0 1 3 5.25h17a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 6m17.216 4.016l.068.04c.792.457 1.434.827 1.906 1.163c.476.34.888.716 1.1 1.229a2.75 2.75 0 0 1 0 2.104c-.212.513-.624.89-1.1 1.229c-.473.336-1.114.706-1.906 1.163l-.068.04c-.792.457-1.433.827-1.96 1.068c-.532.243-1.065.412-1.615.34a2.75 2.75 0 0 1-1.823-1.053c-.338-.44-.457-.986-.513-1.567c-.055-.578-.055-1.318-.055-2.232v-.08c0-.914 0-1.655.055-2.232c.056-.581.175-1.127.513-1.567a2.75 2.75 0 0 1 1.823-1.053c.55-.072 1.083.097 1.614.34c.528.24 1.169.61 1.96 1.068m-2.584.296c-.458-.209-.672-.233-.795-.216a1.25 1.25 0 0 0-.829.478c-.075.098-.162.296-.21.797c-.047.497-.048 1.166-.048 2.129s0 1.632.048 2.13c.048.5.135.698.21.796c.202.263.5.435.829.478c.123.017.337-.007.795-.216c.454-.208 1.034-.541 1.868-1.023s1.413-.817 1.82-1.106c.41-.292.537-.466.585-.58a1.25 1.25 0 0 0 0-.957c-.048-.115-.175-.289-.585-.58c-.407-.29-.986-.625-1.82-1.107s-1.414-.815-1.868-1.023M2.25 11a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75m0 5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-playlist3 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%206A.75.75%200%200%201%203%205.25h17a.75.75%200%200%201%200%201.5H3A.75.75%200%200%201%202.25%206m17.216%204.016l.068.04c.792.457%201.434.827%201.906%201.163c.476.34.888.716%201.1%201.229a2.75%202.75%200%200%201%200%202.104c-.212.513-.624.89-1.1%201.229c-.473.336-1.114.706-1.906%201.163l-.068.04c-.792.457-1.433.827-1.96%201.068c-.532.243-1.065.412-1.615.34a2.75%202.75%200%200%201-1.823-1.053c-.338-.44-.457-.986-.513-1.567c-.055-.578-.055-1.318-.055-2.232v-.08c0-.914%200-1.655.055-2.232c.056-.581.175-1.127.513-1.567a2.75%202.75%200%200%201%201.823-1.053c.55-.072%201.083.097%201.614.34c.528.24%201.169.61%201.96%201.068m-2.584.296c-.458-.209-.672-.233-.795-.216a1.25%201.25%200%200%200-.829.478c-.075.098-.162.296-.21.797c-.047.497-.048%201.166-.048%202.129s0%201.632.048%202.13c.048.5.135.698.21.796c.202.263.5.435.829.478c.123.017.337-.007.795-.216c.454-.208%201.034-.541%201.868-1.023s1.413-.817%201.82-1.106c.41-.292.537-.466.585-.58a1.25%201.25%200%200%200%200-.957c-.048-.115-.175-.289-.585-.58c-.407-.29-.986-.625-1.82-1.107s-1.414-.815-1.868-1.023M2.25%2011a.75.75%200%200%201%20.75-.75h7a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201-.75-.75m0%205a.75.75%200%200%201%20.75-.75h7a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%206A.75.75%200%200%201%203%205.25h17a.75.75%200%200%201%200%201.5H3A.75.75%200%200%201%202.25%206m17.216%204.016l.068.04c.792.457%201.434.827%201.906%201.163c.476.34.888.716%201.1%201.229a2.75%202.75%200%200%201%200%202.104c-.212.513-.624.89-1.1%201.229c-.473.336-1.114.706-1.906%201.163l-.068.04c-.792.457-1.433.827-1.96%201.068c-.532.243-1.065.412-1.615.34a2.75%202.75%200%200%201-1.823-1.053c-.338-.44-.457-.986-.513-1.567c-.055-.578-.055-1.318-.055-2.232v-.08c0-.914%200-1.655.055-2.232c.056-.581.175-1.127.513-1.567a2.75%202.75%200%200%201%201.823-1.053c.55-.072%201.083.097%201.614.34c.528.24%201.169.61%201.96%201.068m-2.584.296c-.458-.209-.672-.233-.795-.216a1.25%201.25%200%200%200-.829.478c-.075.098-.162.296-.21.797c-.047.497-.048%201.166-.048%202.129s0%201.632.048%202.13c.048.5.135.698.21.796c.202.263.5.435.829.478c.123.017.337-.007.795-.216c.454-.208%201.034-.541%201.868-1.023s1.413-.817%201.82-1.106c.41-.292.537-.466.585-.58a1.25%201.25%200%200%200%200-.957c-.048-.115-.175-.289-.585-.58c-.407-.29-.986-.625-1.82-1.107s-1.414-.815-1.868-1.023M2.25%2011a.75.75%200%200%201%20.75-.75h7a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201-.75-.75m0%205a.75.75%200%200%201%20.75-.75h7a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/playlist3.svg?color=%231a73e8&size=48
