Ícone Music Circle Filled
reicon:music-circle-filled
O ícone Music Circle Filled (reicon:music-circle-filled) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Ícones novos
- Tags
- musiccircle, circlefilled, musiccirclefilled
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.582 9.42c-.08 0-.17-.01-.25-.04a.763.763 0 0 1-.46-.96c.67-1.88 1.83-3.53 3.38-4.78c.32-.26.79-.21 1.05.11s.21.79-.11 1.06a9.24 9.24 0 0 0-2.9 4.11c-.11.31-.4.5-.71.5m-.002 6.66a.75.75 0 0 1-.71-.5c-.41-1.16-.62-2.37-.62-3.58c0-.41.34-.75.75-.75s.75.34.75.75c0 1.04.18 2.08.54 3.08c.14.39-.07.82-.46.96c-.08.03-.17.04-.25.04m9.419 6.672c-1.06 0-2.11-.16-3.13-.47a.75.75 0 0 1-.5-.94c.12-.4.54-.62.94-.5c.87.27 1.78.4 2.69.4c5.1 0 9.25-4.15 9.25-9.25c0-.52-.05-1.06-.15-1.63c-.07-.41.2-.8.61-.87c.4-.07.8.2.87.61c.12.66.18 1.28.18 1.9c-.01 5.93-4.83 10.75-10.76 10.75m-6.281-2.254a.7.7 0 0 1-.47-.17c-.57-.46-1.03-.9-1.42-1.35a.757.757 0 0 1 .08-1.06c.32-.27.79-.23 1.06.08c.33.38.73.76 1.22 1.16c.32.26.37.73.11 1.05a.72.72 0 0 1-.58.29M20.238 7.09a.74.74 0 0 1-.62-.33a9.25 9.25 0 0 0-10.31-3.61a.76.76 0 0 1-.94-.5c-.13-.4.1-.82.5-.94c1.02-.3 2.07-.46 3.13-.46c3.54 0 6.85 1.75 8.86 4.67c.23.34.15.81-.19 1.04c-.13.09-.28.13-.43.13"/><path d="M16.03 6.499c-.33-.25-.93-.5-1.89-.24l-3.19.86c-.92.26-1.52 1.04-1.52 2v4.22c-.26-.1-.54-.16-.84-.16c-1.29 0-2.34 1.05-2.34 2.34s1.05 2.34 2.34 2.34c1.28 0 2.31-1.03 2.33-2.3c0-.01.01-.02.01-.04v-4.19l4.32-1.18v2.13c-.26-.1-.54-.16-.84-.16c-1.29 0-2.34 1.05-2.34 2.34s1.05 2.34 2.34 2.34s2.34-1.05 2.34-2.34v-6.21c0-.8-.24-1.39-.72-1.75m-7.44 9.86c-.46 0-.84-.38-.84-.84s.38-.84.84-.84s.84.38.84.84s-.38.84-.84.84m5.82-1.06c-.46 0-.84-.38-.84-.84s.38-.84.84-.84s.84.38.84.84s-.38.84-.84.84"/></g></svg>
Como usar o ícone Music Circle Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:music-circle-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:music-circle-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:music-circle-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--music-circle-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:music-circle-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:music-circle-filled"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/music-circle-filled.svg" alt="Ícone Music Circle Filled" width="24" height="24">
Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Music Circle Filled
O ícone Music Circle Filled é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Music Circle Filled no React?
Instale @iconify/react e renderize <Icon icon="reicon:music-circle-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Music Circle Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/music-circle-filled.svg" alt="Ícone Music Circle Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
