music slider2 icon
music-slider2-filled from Reicon by REICON · Filled · Video · MIT Free for personal and commercial use.
- Name
- music-slider2-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 slider2 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="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.121zm-1.396-.099V16.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 0V16.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.63m-4.109.51a1 1 0 0 1 .11-.042a.25.25 0 0 1 .254.157a1 1 0 0 1 .012.118c.006.117.006.276.006.527a7 7 0 0 1-.005.259a.25.25 0 0 1-.093.15l-.038.023c-.04.022-.095.05-.191.097l-1.317.659c-.224.112-.366.183-.474.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.012-.117a11 11 0 0 1-.006-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022c.04-.022.095-.05.191-.098l1.317-.658c.224-.112.366-.183.474-.23m1.777-.389a1.75 1.75 0 0 0-1.848-1.142c-.198.023-.377.09-.528.157c-.149.064-.326.153-.53.255l-1.333.667l-.036.018a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.656 1.061a2.6 2.6 0 0 0-.031.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.222.033.453.006c.198-.023.377-.09.528-.156c.149-.065.326-.154.53-.255l1.333-.667l.036-.018c.145-.073.299-.15.433-.252a1.75 1.75 0 0 0 .656-1.06c.031-.167.031-.338.031-.5v-.06c0-.226 0-.425-.009-.587a1.9 1.9 0 0 0-.096-.543M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicSlider2Filled(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="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.121zm-1.396-.099V16.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 0V16.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.63m-4.109.51a1 1 0 0 1 .11-.042a.25.25 0 0 1 .254.157a1 1 0 0 1 .012.118c.006.117.006.276.006.527a7 7 0 0 1-.005.259a.25.25 0 0 1-.093.15l-.038.023c-.04.022-.095.05-.191.097l-1.317.659c-.224.112-.366.183-.474.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.012-.117a11 11 0 0 1-.006-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022c.04-.022.095-.05.191-.098l1.317-.658c.224-.112.366-.183.474-.23m1.777-.389a1.75 1.75 0 0 0-1.848-1.142c-.198.023-.377.09-.528.157c-.149.064-.326.153-.53.255l-1.333.667l-.036.018a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.656 1.061a2.6 2.6 0 0 0-.031.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.222.033.453.006c.198-.023.377-.09.528-.156c.149-.065.326-.154.53-.255l1.333-.667l.036-.018c.145-.073.299-.15.433-.252a1.75 1.75 0 0 0 .656-1.06c.031-.167.031-.338.031-.5v-.06c0-.226 0-.425-.009-.587a1.9 1.9 0 0 0-.096-.543M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5" 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="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.121zm-1.396-.099V16.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 0V16.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.63m-4.109.51a1 1 0 0 1 .11-.042a.25.25 0 0 1 .254.157a1 1 0 0 1 .012.118c.006.117.006.276.006.527a7 7 0 0 1-.005.259a.25.25 0 0 1-.093.15l-.038.023c-.04.022-.095.05-.191.097l-1.317.659c-.224.112-.366.183-.474.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.012-.117a11 11 0 0 1-.006-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022c.04-.022.095-.05.191-.098l1.317-.658c.224-.112.366-.183.474-.23m1.777-.389a1.75 1.75 0 0 0-1.848-1.142c-.198.023-.377.09-.528.157c-.149.064-.326.153-.53.255l-1.333.667l-.036.018a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.656 1.061a2.6 2.6 0 0 0-.031.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.222.033.453.006c.198-.023.377-.09.528-.156c.149-.065.326-.154.53-.255l1.333-.667l.036-.018c.145-.073.299-.15.433-.252a1.75 1.75 0 0 0 .656-1.06c.031-.167.031-.338.031-.5v-.06c0-.226 0-.425-.009-.587a1.9 1.9 0 0 0-.096-.543M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5" clip-rule="evenodd"/></svg> </template>
CSS
.icon-music-slider2-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%3Cpath%20fill%3D%22currentColor%22%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.121zm-1.396-.099V16.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%200V16.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.63m-4.109.51a1%201%200%200%201%20.11-.042a.25.25%200%200%201%20.254.157a1%201%200%200%201%20.012.118c.006.117.006.276.006.527a7%207%200%200%201-.005.259a.25.25%200%200%201-.093.15l-.038.023c-.04.022-.095.05-.191.097l-1.317.659c-.224.112-.366.183-.474.23a1%201%200%200%201-.11.042a.25.25%200%200%201-.254-.157a1%201%200%200%201-.012-.117a11%2011%200%200%201-.006-.528a7%207%200%200%201%20.005-.258a.25.25%200%200%201%20.093-.151l.038-.022c.04-.022.095-.05.191-.098l1.317-.658c.224-.112.366-.183.474-.23m1.777-.389a1.75%201.75%200%200%200-1.848-1.142c-.198.023-.377.09-.528.157c-.149.064-.326.153-.53.255l-1.333.667l-.036.018a2.7%202.7%200%200%200-.433.251a1.75%201.75%200%200%200-.656%201.061a2.6%202.6%200%200%200-.031.5v2.761a2.75%202.75%200%201%200%201.5%202.45v-2.886q.222.033.453.006c.198-.023.377-.09.528-.156c.149-.065.326-.154.53-.255l1.333-.667l.036-.018c.145-.073.299-.15.433-.252a1.75%201.75%200%200%200%20.656-1.06c.031-.167.031-.338.031-.5v-.06c0-.226%200-.425-.009-.587a1.9%201.9%200%200%200-.096-.543M10%2013.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%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%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.121zm-1.396-.099V16.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%200V16.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.63m-4.109.51a1%201%200%200%201%20.11-.042a.25.25%200%200%201%20.254.157a1%201%200%200%201%20.012.118c.006.117.006.276.006.527a7%207%200%200%201-.005.259a.25.25%200%200%201-.093.15l-.038.023c-.04.022-.095.05-.191.097l-1.317.659c-.224.112-.366.183-.474.23a1%201%200%200%201-.11.042a.25.25%200%200%201-.254-.157a1%201%200%200%201-.012-.117a11%2011%200%200%201-.006-.528a7%207%200%200%201%20.005-.258a.25.25%200%200%201%20.093-.151l.038-.022c.04-.022.095-.05.191-.098l1.317-.658c.224-.112.366-.183.474-.23m1.777-.389a1.75%201.75%200%200%200-1.848-1.142c-.198.023-.377.09-.528.157c-.149.064-.326.153-.53.255l-1.333.667l-.036.018a2.7%202.7%200%200%200-.433.251a1.75%201.75%200%200%200-.656%201.061a2.6%202.6%200%200%200-.031.5v2.761a2.75%202.75%200%201%200%201.5%202.45v-2.886q.222.033.453.006c.198-.023.377-.09.528-.156c.149-.065.326-.154.53-.255l1.333-.667l.036-.018c.145-.073.299-.15.433-.252a1.75%201.75%200%200%200%20.656-1.06c.031-.167.031-.338.031-.5v-.06c0-.226%200-.425-.009-.587a1.9%201.9%200%200%200-.096-.543M10%2013.75a1.25%201.25%200%201%201%200%202.5a1.25%201.25%200%200%201%200-2.5%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/music-slider2-filled.svg?color=%231a73e8&size=48
