music slider2 icon
music-slider2-duotone from Reicon by REICON · Duotone · Video · MIT Free for personal and commercial use.
- Name
- music-slider2-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M14.869 8.412c.07-.03.102-.04.11-.043a.25.25 0 0 1 .254.157a1 1 0 0 1 .01.118c.007.117.007.276.007.527a7 7 0 0 1-.004.259a.25.25 0 0 1-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.011-.117a11 11 0 0 1-.007-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fill-rule="evenodd" d="M7.236 2.879C6.42 3.757 6.42 5.172 6.42 8v8c0 2.828 0 4.243.817 5.121S9.37 22 12 22s3.947 0 4.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828 0-4.243-.818-5.121C15.947 2 14.631 2 12 2c-2.63 0-3.946 0-4.764.879m9.41 5.143a1.75 1.75 0 0 0-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.655 1.061c-.032.166-.032.338-.032.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75 1.75 0 0 0 .656-1.06a2.6 2.6 0 0 0 .031-.5v-.06c0-.226 0-.425-.008-.587a1.9 1.9 0 0 0-.096-.543" clip-rule="evenodd"/><path d="M6.724 3.762H5.268a8 8 0 0 0-.434.025c-.43.038-.82.119-1.183.318a3.15 3.15 0 0 0-1.321 1.42c-.186.39-.26.809-.296 1.272C2 7.245 2 7.796 2 8.47v7.063c0 .673 0 1.224.034 1.671c.035.464.11.882.296 1.273c.29.611.752 1.108 1.32 1.42c.364.2.753.28 1.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037 0-3.34.305-4.238m10.551 16.477c.306-.898.306-2.202.306-4.239V8c0-2.037 0-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119 1.183.318a3.15 3.15 0 0 1 1.322 1.42c.185.39.26.809.295 1.272c.034.448.034.999.034 1.672v7.063c0 .673 0 1.224-.034 1.671c-.035.464-.11.882-.296 1.273a3.15 3.15 0 0 1-1.32 1.42c-.364.2-.753.28-1.184.318a8 8 0 0 1-.434.025z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMusicSlider2Duotone(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="M14.869 8.412c.07-.03.102-.04.11-.043a.25.25 0 0 1 .254.157a1 1 0 0 1 .01.118c.007.117.007.276.007.527a7 7 0 0 1-.004.259a.25.25 0 0 1-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.011-.117a11 11 0 0 1-.007-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fillRule="evenodd" d="M7.236 2.879C6.42 3.757 6.42 5.172 6.42 8v8c0 2.828 0 4.243.817 5.121S9.37 22 12 22s3.947 0 4.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828 0-4.243-.818-5.121C15.947 2 14.631 2 12 2c-2.63 0-3.946 0-4.764.879m9.41 5.143a1.75 1.75 0 0 0-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.655 1.061c-.032.166-.032.338-.032.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75 1.75 0 0 0 .656-1.06a2.6 2.6 0 0 0 .031-.5v-.06c0-.226 0-.425-.008-.587a1.9 1.9 0 0 0-.096-.543" clipRule="evenodd"/><path d="M6.724 3.762H5.268a8 8 0 0 0-.434.025c-.43.038-.82.119-1.183.318a3.15 3.15 0 0 0-1.321 1.42c-.186.39-.26.809-.296 1.272C2 7.245 2 7.796 2 8.47v7.063c0 .673 0 1.224.034 1.671c.035.464.11.882.296 1.273c.29.611.752 1.108 1.32 1.42c.364.2.753.28 1.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037 0-3.34.305-4.238m10.551 16.477c.306-.898.306-2.202.306-4.239V8c0-2.037 0-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119 1.183.318a3.15 3.15 0 0 1 1.322 1.42c.185.39.26.809.295 1.272c.034.448.034.999.034 1.672v7.063c0 .673 0 1.224-.034 1.671c-.035.464-.11.882-.296 1.273a3.15 3.15 0 0 1-1.32 1.42c-.364.2-.753.28-1.184.318a8 8 0 0 1-.434.025z" opacity=".5"/></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="M14.869 8.412c.07-.03.102-.04.11-.043a.25.25 0 0 1 .254.157a1 1 0 0 1 .01.118c.007.117.007.276.007.527a7 7 0 0 1-.004.259a.25.25 0 0 1-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1 1 0 0 1-.11.042a.25.25 0 0 1-.254-.157a1 1 0 0 1-.011-.117a11 11 0 0 1-.007-.528a7 7 0 0 1 .005-.258a.25.25 0 0 1 .093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10 13.75a1.25 1.25 0 1 1 0 2.5a1.25 1.25 0 0 1 0-2.5"/><path fill-rule="evenodd" d="M7.236 2.879C6.42 3.757 6.42 5.172 6.42 8v8c0 2.828 0 4.243.817 5.121S9.37 22 12 22s3.947 0 4.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828 0-4.243-.818-5.121C15.947 2 14.631 2 12 2c-2.63 0-3.946 0-4.764.879m9.41 5.143a1.75 1.75 0 0 0-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7 2.7 0 0 0-.433.251a1.75 1.75 0 0 0-.655 1.061c-.032.166-.032.338-.032.5v2.761a2.75 2.75 0 1 0 1.5 2.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75 1.75 0 0 0 .656-1.06a2.6 2.6 0 0 0 .031-.5v-.06c0-.226 0-.425-.008-.587a1.9 1.9 0 0 0-.096-.543" clip-rule="evenodd"/><path d="M6.724 3.762H5.268a8 8 0 0 0-.434.025c-.43.038-.82.119-1.183.318a3.15 3.15 0 0 0-1.321 1.42c-.186.39-.26.809-.296 1.272C2 7.245 2 7.796 2 8.47v7.063c0 .673 0 1.224.034 1.671c.035.464.11.882.296 1.273c.29.611.752 1.108 1.32 1.42c.364.2.753.28 1.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037 0-3.34.305-4.238m10.551 16.477c.306-.898.306-2.202.306-4.239V8c0-2.037 0-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119 1.183.318a3.15 3.15 0 0 1 1.322 1.42c.185.39.26.809.295 1.272c.034.448.034.999.034 1.672v7.063c0 .673 0 1.224-.034 1.671c-.035.464-.11.882-.296 1.273a3.15 3.15 0 0 1-1.32 1.42c-.364.2-.753.28-1.184.318a8 8 0 0 1-.434.025z" opacity=".5"/></g></svg> </template>
CSS
.icon-music-slider2-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%22currentColor%22%3E%3Cpath%20d%3D%22M14.869%208.412c.07-.03.102-.04.11-.043a.25.25%200%200%201%20.254.157a1%201%200%200%201%20.01.118c.007.117.007.276.007.527a7%207%200%200%201-.004.259a.25.25%200%200%201-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1%201%200%200%201-.11.042a.25.25%200%200%201-.254-.157a1%201%200%200%201-.011-.117a11%2011%200%200%201-.007-.528a7%207%200%200%201%20.005-.258a.25.25%200%200%201%20.093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10%2013.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%22M7.236%202.879C6.42%203.757%206.42%205.172%206.42%208v8c0%202.828%200%204.243.817%205.121S9.37%2022%2012%2022s3.947%200%204.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828%200-4.243-.818-5.121C15.947%202%2014.631%202%2012%202c-2.63%200-3.946%200-4.764.879m9.41%205.143a1.75%201.75%200%200%200-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7%202.7%200%200%200-.433.251a1.75%201.75%200%200%200-.655%201.061c-.032.166-.032.338-.032.5v2.761a2.75%202.75%200%201%200%201.5%202.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75%201.75%200%200%200%20.656-1.06a2.6%202.6%200%200%200%20.031-.5v-.06c0-.226%200-.425-.008-.587a1.9%201.9%200%200%200-.096-.543%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M6.724%203.762H5.268a8%208%200%200%200-.434.025c-.43.038-.82.119-1.183.318a3.15%203.15%200%200%200-1.321%201.42c-.186.39-.26.809-.296%201.272C2%207.245%202%207.796%202%208.47v7.063c0%20.673%200%201.224.034%201.671c.035.464.11.882.296%201.273c.29.611.752%201.108%201.32%201.42c.364.2.753.28%201.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037%200-3.34.305-4.238m10.551%2016.477c.306-.898.306-2.202.306-4.239V8c0-2.037%200-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119%201.183.318a3.15%203.15%200%200%201%201.322%201.42c.185.39.26.809.295%201.272c.034.448.034.999.034%201.672v7.063c0%20.673%200%201.224-.034%201.671c-.035.464-.11.882-.296%201.273a3.15%203.15%200%200%201-1.32%201.42c-.364.2-.753.28-1.184.318a8%208%200%200%201-.434.025z%22%20opacity%3D%22.5%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%22M14.869%208.412c.07-.03.102-.04.11-.043a.25.25%200%200%201%20.254.157a1%201%200%200%201%20.01.118c.007.117.007.276.007.527a7%207%200%200%201-.004.259a.25.25%200%200%201-.093.15l-.039.023c-.04.022-.095.05-.19.097l-1.317.659c-.225.112-.367.183-.475.23a1%201%200%200%201-.11.042a.25.25%200%200%201-.254-.157a1%201%200%200%201-.011-.117a11%2011%200%200%201-.007-.528a7%207%200%200%201%20.005-.258a.25.25%200%200%201%20.093-.151l.038-.022l.191-.098l1.317-.658c.225-.112.367-.183.475-.23M10%2013.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%22M7.236%202.879C6.42%203.757%206.42%205.172%206.42%208v8c0%202.828%200%204.243.817%205.121S9.37%2022%2012%2022s3.947%200%204.764-.879c.818-.878.818-2.293.818-5.121V8c0-2.828%200-4.243-.818-5.121C15.947%202%2014.631%202%2012%202c-2.63%200-3.946%200-4.764.879m9.41%205.143a1.75%201.75%200%200%200-1.848-1.142c-.199.023-.378.09-.529.157c-.148.064-.326.153-.529.255l-1.37.685a2.7%202.7%200%200%200-.433.251a1.75%201.75%200%200%200-.655%201.061c-.032.166-.032.338-.032.5v2.761a2.75%202.75%200%201%200%201.5%202.45v-2.886q.223.033.453.006c.199-.023.377-.09.528-.156c.149-.065.327-.154.53-.255l1.37-.685c.144-.073.298-.15.432-.252a1.75%201.75%200%200%200%20.656-1.06a2.6%202.6%200%200%200%20.031-.5v-.06c0-.226%200-.425-.008-.587a1.9%201.9%200%200%200-.096-.543%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M6.724%203.762H5.268a8%208%200%200%200-.434.025c-.43.038-.82.119-1.183.318a3.15%203.15%200%200%200-1.321%201.42c-.186.39-.26.809-.296%201.272C2%207.245%202%207.796%202%208.47v7.063c0%20.673%200%201.224.034%201.671c.035.464.11.882.296%201.273c.29.611.752%201.108%201.32%201.42c.364.2.753.28%201.184.318q.202.018.434.025h1.456c-.304-.899-.304-2.203-.304-4.24V8c0-2.037%200-3.34.305-4.238m10.551%2016.477c.306-.898.306-2.202.306-4.239V8c0-2.037%200-3.34-.305-4.238h1.455q.233.007.434.025c.43.038.82.119%201.183.318a3.15%203.15%200%200%201%201.322%201.42c.185.39.26.809.295%201.272c.034.448.034.999.034%201.672v7.063c0%20.673%200%201.224-.034%201.671c-.035.464-.11.882-.296%201.273a3.15%203.15%200%200%201-1.32%201.42c-.364.2-.753.28-1.184.318a8%208%200%200%201-.434.025z%22%20opacity%3D%22.5%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-slider2-duotone.svg?color=%231a73e8&size=48
