Music Circle Filled アイコン

Q: Music Circle Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:music-circle-filled

Music Circle Filled アイコン(reicon:music-circle-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 新しいアイコン
タグ: musiccircle、circlefilled、musiccirclefilled

SVG をダウンロード

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>

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 コンポーネント

<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>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/music-circle-filled.svg" alt="Music Circle Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Music Circle Filled アイコンのよくある質問

Music Circle Filled アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Music Circle Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:music-circle-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Music Circle Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/music-circle-filled.svg" alt="Music Circle Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →