playlist minimalistic icon
playlist-minimalistic-broken from Solar by 480 Design · Broken · List · CC-BY-4.0 Attribution required.
- Name
- playlist-minimalistic-broken
- Set
- Solar
- Style
- Broken
- Category
- List
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- plaaylist-minimalistic-broken
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="M10 16H3"/><path stroke-linecap="round" d="M10 11H3"/><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"/><path stroke-linecap="round" d="M20 6L9.5 6M3 6L5.25 6"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPlaylistMinimalisticBroken(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="M10 16H3"/><path strokeLinecap="round" d="M10 11H3"/><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"/><path strokeLinecap="round" d="M20 6L9.5 6M3 6L5.25 6"/></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="M10 16H3"/><path stroke-linecap="round" d="M10 11H3"/><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"/><path stroke-linecap="round" d="M20 6L9.5 6M3 6L5.25 6"/></g></svg> </template>
CSS
.icon-playlist-minimalistic-broken {
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%22M10%2016H3%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2011H3%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%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%206L9.5%206M3%206L5.25%206%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%22M10%2016H3%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2011H3%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%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20%206L9.5%206M3%206L5.25%206%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-broken.svg?color=%231a73e8&size=48
