Free Music Notes SVG icon in outline, twotone, bold and bulk. Available in all four styles, for player, gallery, camera, music, volume. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconMusicNotes } from "@devigner-ui/icons";
<IconMusicNotes className="size-6" />
<script setup>
import { IconMusicNotes } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMusicNotes class="size-6" />
</template>
<script>
import { IconMusicNotes } from "@devigner-ui/icons-svelte";
</script>
<IconMusicNotes class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" stroke="currentColor" stroke-width="1.5"></path><path d="M22 17.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" stroke="currentColor" stroke-width="1.5"></path><path d="m22 8-10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m14.46 5.16.29.69zm2-.84-.3-.7zm4.65-.98-.42.62zM12.75 19V8.85h-1.5V19zm10-1.85V8.01h-1.5v9.14zm-8-11.3 2-.84-.58-1.38-2 .84zm8 2.16c0-1.33 0-2.42-.12-3.24-.12-.84-.4-1.58-1.1-2.05l-.84 1.24c.19.13.36.36.46 1.03.1.68.1 1.64.1 3.02zm-6-3c1.27-.53 2.15-.9 2.82-1.07s.94-.1 1.12.02l.83-1.24c-.7-.47-1.5-.44-2.32-.23-.8.2-1.8.62-3.03 1.14zm-4 3.84c0-.66 0-1.1.04-1.44.03-.31.1-.47.17-.59L11.7 6c-.26.39-.36.8-.41 1.26q-.06.66-.05 1.6zm1.42-4.38q-.87.35-1.46.65-.6.31-1 .87l1.25.83c.08-.11.2-.23.48-.38.3-.17.7-.34 1.3-.6z" fill="currentColor"></path><path opacity="1" d="M7 11V2c0 2.07 1.76 3 3 3m-3 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>