Music Circle 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 { IconMusicCircle } from "@devigner-ui/icons";
<IconMusicCircle className="size-6" />
<script setup>
import { IconMusicCircle } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMusicCircle class="size-6" />
</template>
<script>
import { IconMusicCircle } from "@devigner-ui/icons-svelte";
</script>
<IconMusicCircle class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.25 8.67a10 10 0 0 1 3.14-4.44" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.67 12q.01 1.76.58 3.33" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.76 21.57a10 10 0 0 0 12.75-11.33" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.39 19.75q-.71-.57-1.32-1.26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.91 6.34A10 10 0 0 0 9.76 2.43" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="M9.26 17.11a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.67 14.46V8.25c0-1.32-.83-1.51-1.67-1.28l-3.18.87c-.58.16-.98.61-.98 1.28v6.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.08 16.05a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.85 10.76 5.82-1.59" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>