Music Note Slider icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconMusicNoteSlider } from "@devigner-ui/icons";
<IconMusicNoteSlider className="size-6" />
<script setup>
import { IconMusicNoteSlider } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMusicNoteSlider class="size-6" />
</template>
<script>
import { IconMusicNoteSlider } from "@devigner-ui/icons-svelte";
</script>
<IconMusicNoteSlider class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8c0-2.83 0-4.24.88-5.12S8.18 2 11 2h2c2.83 0 4.24 0 5.12.88S19 5.18 19 8v8c0 2.83 0 4.24-.88 5.12S15.82 22 13 22h-2c-2.83 0-4.24 0-5.12-.88S5 18.82 5 16z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M19 19.5c.46 0 .7 0 .9-.03a2.5 2.5 0 0 0 2.07-2.08c.03-.2.03-.43.03-.89v-9c0-.46 0-.7-.03-.9a2.5 2.5 0 0 0-2.08-2.07c-.2-.03-.43-.03-.89-.03" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M13 14a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 0V8c0 1.1.9 2 2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M5 19.5c-.46 0-.7 0-.9-.03a2.5 2.5 0 0 1-2.07-2.08C2 17.2 2 16.96 2 16.5v-9c0-.46 0-.7.03-.9a2.5 2.5 0 0 1 2.08-2.07c.2-.03.43-.03.89-.03" stroke="currentColor" stroke-width="1.5"></path></svg>