music slider icon
music-slider-filled from Reicon by REICON · Filled · Video · MIT Free for personal and commercial use.
- Name
- music-slider-filled
- Set
- Reicon
- Style
- Filled
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More video icons from Reicon
albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm
Use the music slider icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 12.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fill-rule="evenodd" d="M6.419 8c0-2.828 0-4.243.817-5.121S9.369 2 12 2s3.947 0 4.764.879c.817.878.817 2.293.817 5.121v8c0 2.828 0 4.243-.817 5.121S14.631 22 12 22s-3.947 0-4.764-.879c-.817-.878-.817-2.293-.817-5.121zm7.331 0a.75.75 0 0 0-1.5 0v3.55a2.75 2.75 0 1 0 1.5 2.45v-3.55c.375.192.8.3 1.25.3a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25" clip-rule="evenodd"/><path d="M5.023 7.901V16.1c0 .982 0 1.865.046 2.629q.025.405.069.764q.02.16.046.32c.036.217-.131.42-.35.401c-.43-.037-.82-.118-1.183-.317a3.15 3.15 0 0 1-1.321-1.42c-.186-.391-.26-.81-.296-1.273C2 16.756 2 16.205 2 15.531V8.47c0-.674 0-1.224.034-1.672c.035-.463.11-.882.296-1.272a3.15 3.15 0 0 1 1.32-1.42c.364-.2.753-.28 1.184-.318c.219-.02.386.184.35.4a8 8 0 0 0-.046.321q-.044.36-.069.764c-.046.764-.046 1.646-.046 2.63m13.954-.002V16.1c0 .982 0 1.865-.047 2.629q-.023.405-.068.764a8 8 0 0 1-.046.32c-.036.217.131.42.35.401c.43-.037.82-.118 1.183-.317a3.15 3.15 0 0 0 1.322-1.42c.185-.391.26-.81.295-1.273c.034-.447.034-.998.034-1.671V8.468c0-.674 0-1.225-.034-1.672c-.035-.463-.11-.882-.296-1.272a3.15 3.15 0 0 0-1.32-1.42c-.364-.2-.753-.28-1.184-.318c-.219-.02-.386.184-.35.4q.026.16.046.321q.044.36.069.764c.046.764.046 1.646.046 2.63"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicSliderFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 12.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fillRule="evenodd" d="M6.419 8c0-2.828 0-4.243.817-5.121S9.369 2 12 2s3.947 0 4.764.879c.817.878.817 2.293.817 5.121v8c0 2.828 0 4.243-.817 5.121S14.631 22 12 22s-3.947 0-4.764-.879c-.817-.878-.817-2.293-.817-5.121zm7.331 0a.75.75 0 0 0-1.5 0v3.55a2.75 2.75 0 1 0 1.5 2.45v-3.55c.375.192.8.3 1.25.3a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25" clipRule="evenodd"/><path d="M5.023 7.901V16.1c0 .982 0 1.865.046 2.629q.025.405.069.764q.02.16.046.32c.036.217-.131.42-.35.401c-.43-.037-.82-.118-1.183-.317a3.15 3.15 0 0 1-1.321-1.42c-.186-.391-.26-.81-.296-1.273C2 16.756 2 16.205 2 15.531V8.47c0-.674 0-1.224.034-1.672c.035-.463.11-.882.296-1.272a3.15 3.15 0 0 1 1.32-1.42c.364-.2.753-.28 1.184-.318c.219-.02.386.184.35.4a8 8 0 0 0-.046.321q-.044.36-.069.764c-.046.764-.046 1.646-.046 2.63m13.954-.002V16.1c0 .982 0 1.865-.047 2.629q-.023.405-.068.764a8 8 0 0 1-.046.32c-.036.217.131.42.35.401c.43-.037.82-.118 1.183-.317a3.15 3.15 0 0 0 1.322-1.42c.185-.391.26-.81.295-1.273c.034-.447.034-.998.034-1.671V8.468c0-.674 0-1.225-.034-1.672c-.035-.463-.11-.882-.296-1.272a3.15 3.15 0 0 0-1.32-1.42c-.364-.2-.753-.28-1.184-.318c-.219-.02-.386.184-.35.4q.026.16.046.321q.044.36.069.764c.046.764.046 1.646.046 2.63"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11 12.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fill-rule="evenodd" d="M6.419 8c0-2.828 0-4.243.817-5.121S9.369 2 12 2s3.947 0 4.764.879c.817.878.817 2.293.817 5.121v8c0 2.828 0 4.243-.817 5.121S14.631 22 12 22s-3.947 0-4.764-.879c-.817-.878-.817-2.293-.817-5.121zm7.331 0a.75.75 0 0 0-1.5 0v3.55a2.75 2.75 0 1 0 1.5 2.45v-3.55c.375.192.8.3 1.25.3a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25" clip-rule="evenodd"/><path d="M5.023 7.901V16.1c0 .982 0 1.865.046 2.629q.025.405.069.764q.02.16.046.32c.036.217-.131.42-.35.401c-.43-.037-.82-.118-1.183-.317a3.15 3.15 0 0 1-1.321-1.42c-.186-.391-.26-.81-.296-1.273C2 16.756 2 16.205 2 15.531V8.47c0-.674 0-1.224.034-1.672c.035-.463.11-.882.296-1.272a3.15 3.15 0 0 1 1.32-1.42c.364-.2.753-.28 1.184-.318c.219-.02.386.184.35.4a8 8 0 0 0-.046.321q-.044.36-.069.764c-.046.764-.046 1.646-.046 2.63m13.954-.002V16.1c0 .982 0 1.865-.047 2.629q-.023.405-.068.764a8 8 0 0 1-.046.32c-.036.217.131.42.35.401c.43-.037.82-.118 1.183-.317a3.15 3.15 0 0 0 1.322-1.42c.185-.391.26-.81.295-1.273c.034-.447.034-.998.034-1.671V8.468c0-.674 0-1.225-.034-1.672c-.035-.463-.11-.882-.296-1.272a3.15 3.15 0 0 0-1.32-1.42c-.364-.2-.753-.28-1.184-.318c-.219-.02-.386.184-.35.4q.026.16.046.321q.044.36.069.764c.046.764.046 1.646.046 2.63"/></g></svg> </template>
CSS
.icon-music-slider-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M11%2012.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.419%208c0-2.828%200-4.243.817-5.121S9.369%202%2012%202s3.947%200%204.764.879c.817.878.817%202.293.817%205.121v8c0%202.828%200%204.243-.817%205.121S14.631%2022%2012%2022s-3.947%200-4.764-.879c-.817-.878-.817-2.293-.817-5.121zm7.331%200a.75.75%200%200%200-1.5%200v3.55a2.75%202.75%200%201%200%201.5%202.45v-3.55c.375.192.8.3%201.25.3a.75.75%200%200%200%200-1.5c-.69%200-1.25-.56-1.25-1.25%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M5.023%207.901V16.1c0%20.982%200%201.865.046%202.629q.025.405.069.764q.02.16.046.32c.036.217-.131.42-.35.401c-.43-.037-.82-.118-1.183-.317a3.15%203.15%200%200%201-1.321-1.42c-.186-.391-.26-.81-.296-1.273C2%2016.756%202%2016.205%202%2015.531V8.47c0-.674%200-1.224.034-1.672c.035-.463.11-.882.296-1.272a3.15%203.15%200%200%201%201.32-1.42c.364-.2.753-.28%201.184-.318c.219-.02.386.184.35.4a8%208%200%200%200-.046.321q-.044.36-.069.764c-.046.764-.046%201.646-.046%202.63m13.954-.002V16.1c0%20.982%200%201.865-.047%202.629q-.023.405-.068.764a8%208%200%200%201-.046.32c-.036.217.131.42.35.401c.43-.037.82-.118%201.183-.317a3.15%203.15%200%200%200%201.322-1.42c.185-.391.26-.81.295-1.273c.034-.447.034-.998.034-1.671V8.468c0-.674%200-1.225-.034-1.672c-.035-.463-.11-.882-.296-1.272a3.15%203.15%200%200%200-1.32-1.42c-.364-.2-.753-.28-1.184-.318c-.219-.02-.386.184-.35.4q.026.16.046.321q.044.36.069.764c.046.764.046%201.646.046%202.63%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%22currentColor%22%3E%3Cpath%20d%3D%22M11%2012.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.419%208c0-2.828%200-4.243.817-5.121S9.369%202%2012%202s3.947%200%204.764.879c.817.878.817%202.293.817%205.121v8c0%202.828%200%204.243-.817%205.121S14.631%2022%2012%2022s-3.947%200-4.764-.879c-.817-.878-.817-2.293-.817-5.121zm7.331%200a.75.75%200%200%200-1.5%200v3.55a2.75%202.75%200%201%200%201.5%202.45v-3.55c.375.192.8.3%201.25.3a.75.75%200%200%200%200-1.5c-.69%200-1.25-.56-1.25-1.25%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M5.023%207.901V16.1c0%20.982%200%201.865.046%202.629q.025.405.069.764q.02.16.046.32c.036.217-.131.42-.35.401c-.43-.037-.82-.118-1.183-.317a3.15%203.15%200%200%201-1.321-1.42c-.186-.391-.26-.81-.296-1.273C2%2016.756%202%2016.205%202%2015.531V8.47c0-.674%200-1.224.034-1.672c.035-.463.11-.882.296-1.272a3.15%203.15%200%200%201%201.32-1.42c.364-.2.753-.28%201.184-.318c.219-.02.386.184.35.4a8%208%200%200%200-.046.321q-.044.36-.069.764c-.046.764-.046%201.646-.046%202.63m13.954-.002V16.1c0%20.982%200%201.865-.047%202.629q-.023.405-.068.764a8%208%200%200%201-.046.32c-.036.217.131.42.35.401c.43-.037.82-.118%201.183-.317a3.15%203.15%200%200%200%201.322-1.42c.185-.391.26-.81.295-1.273c.034-.447.034-.998.034-1.671V8.468c0-.674%200-1.225-.034-1.672c-.035-.463-.11-.882-.296-1.272a3.15%203.15%200%200%200-1.32-1.42c-.364-.2-.753-.28-1.184-.318c-.219-.02-.386.184-.35.4q.026.16.046.321q.044.36.069.764c.046.764.046%201.646.046%202.63%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/music-slider-filled.svg?color=%231a73e8&size=48
