playlist minimalistic icon
playlist-minimalistic-line-duotone from Solar by 480 Design · Line Duotone · List · CC-BY-4.0 Attribution required.
- Name
- playlist-minimalistic-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- List
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- plaaylist-minimalistic-line-duotone
5 other variants in Solar
More list icons from Solar
bill-2-boldchecklist-boldchecklist-minimalistic-boldlist-arrow-down-boldlist-arrow-down-minimalistic-boldlist-arrow-up-boldlist-arrow-up-minimalistic-boldlist-boldlist-check-boldlist-check-minimalistic-boldlist-cross-boldlist-cross-minimalistic-boldlist-down-boldlist-down-minimalistic-boldlist-heart-boldlist-heart-minimalistic-boldlist-up-boldlist-up-minimalistic-boldlist-vertical-boldplaylist-2-boldplaylist-boldplaylist-minimalistic-2-boldplaylist-minimalistic-3-boldsort-alphabetically-bold
Use the playlist minimalistic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M20 6L3 6" opacity=".5"/><path stroke-linecap="round" d="M10 16H3" opacity=".5"/><path stroke-linecap="round" d="M10 11H3" opacity=".5"/><path d="M19.125 10.6852C20.767 11.6332 21.588 12.1072 21.8478 12.7344C22.0507 13.2245 22.0507 13.7751 21.8478 14.2651C21.588 14.8924 20.767 15.3664 19.125 16.3144C17.483 17.2623 16.662 17.7363 15.9889 17.6477C15.4631 17.5785 14.9862 17.3032 14.6633 16.8824C14.25 16.3437 14.25 15.3958 14.25 13.4998C14.25 11.6038 14.25 10.6558 14.6633 10.1172C14.9862 9.69637 15.4631 9.42106 15.9889 9.35182C16.662 9.26321 17.483 9.7372 19.125 10.6852Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPlaylistMinimalisticLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M20 6L3 6" opacity=".5"/><path strokeLinecap="round" d="M10 16H3" opacity=".5"/><path strokeLinecap="round" d="M10 11H3" opacity=".5"/><path d="M19.125 10.6852C20.767 11.6332 21.588 12.1072 21.8478 12.7344C22.0507 13.2245 22.0507 13.7751 21.8478 14.2651C21.588 14.8924 20.767 15.3664 19.125 16.3144C17.483 17.2623 16.662 17.7363 15.9889 17.6477C15.4631 17.5785 14.9862 17.3032 14.6633 16.8824C14.25 16.3437 14.25 15.3958 14.25 13.4998C14.25 11.6038 14.25 10.6558 14.6633 10.1172C14.9862 9.69637 15.4631 9.42106 15.9889 9.35182C16.662 9.26321 17.483 9.7372 19.125 10.6852Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M20 6L3 6" opacity=".5"/><path stroke-linecap="round" d="M10 16H3" opacity=".5"/><path stroke-linecap="round" d="M10 11H3" opacity=".5"/><path d="M19.125 10.6852C20.767 11.6332 21.588 12.1072 21.8478 12.7344C22.0507 13.2245 22.0507 13.7751 21.8478 14.2651C21.588 14.8924 20.767 15.3664 19.125 16.3144C17.483 17.2623 16.662 17.7363 15.9889 17.6477C15.4631 17.5785 14.9862 17.3032 14.6633 16.8824C14.25 16.3437 14.25 15.3958 14.25 13.4998C14.25 11.6038 14.25 10.6558 14.6633 10.1172C14.9862 9.69637 15.4631 9.42106 15.9889 9.35182C16.662 9.26321 17.483 9.7372 19.125 10.6852Z"/></g></svg> </template>
CSS
.icon-playlist-minimalistic-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%206L3%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2016H3%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2011H3%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.125%2010.6852C20.767%2011.6332%2021.588%2012.1072%2021.8478%2012.7344C22.0507%2013.2245%2022.0507%2013.7751%2021.8478%2014.2651C21.588%2014.8924%2020.767%2015.3664%2019.125%2016.3144C17.483%2017.2623%2016.662%2017.7363%2015.9889%2017.6477C15.4631%2017.5785%2014.9862%2017.3032%2014.6633%2016.8824C14.25%2016.3437%2014.25%2015.3958%2014.25%2013.4998C14.25%2011.6038%2014.25%2010.6558%2014.6633%2010.1172C14.9862%209.69637%2015.4631%209.42106%2015.9889%209.35182C16.662%209.26321%2017.483%209.7372%2019.125%2010.6852Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%206L3%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2016H3%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2011H3%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.125%2010.6852C20.767%2011.6332%2021.588%2012.1072%2021.8478%2012.7344C22.0507%2013.2245%2022.0507%2013.7751%2021.8478%2014.2651C21.588%2014.8924%2020.767%2015.3664%2019.125%2016.3144C17.483%2017.2623%2016.662%2017.7363%2015.9889%2017.6477C15.4631%2017.5785%2014.9862%2017.3032%2014.6633%2016.8824C14.25%2016.3437%2014.25%2015.3958%2014.25%2013.4998C14.25%2011.6038%2014.25%2010.6558%2014.6633%2010.1172C14.9862%209.69637%2015.4631%209.42106%2015.9889%209.35182C16.662%209.26321%2017.483%209.7372%2019.125%2010.6852Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/playlist-minimalistic-line-duotone.svg?color=%231a73e8&size=48
