Music Notes 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 { 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>