Musicbrainz アイコン
arcticons:musicbrainz
Musicbrainz アイコン(arcticons:musicbrainz)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="31.966" cy="12.004" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="37.952" cy="16.16" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="38.117" cy="23.342" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="38.117" cy="31.325" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="33.123" cy="35.749" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="30.054" cy="29.795" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="31.052" cy="18.987" r="1.413" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.221 17.844A7.14 7.14 0 0 0 26.5 14.66m1.147.496a8 8 0 0 0 3.605-1.933m6.118 4.225a11.7 11.7 0 0 0 .06 4.66m-.177 8.105s-2.834-3.453-3.458-3.952a6.2 6.2 0 0 0-3.741-1.164c-1.982.026-2.673-.873-3.553-1.561"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.966 25.366s2.782-2.074 4.737-2.024m-4.851 13.015c-3.215 1.827-3.073-.56-5.352-.313m3.138-4.904s-1.437 3.672-3.138 4.904"/><ellipse cx="11.154" cy="32.475" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.055" ry="2.078" transform="rotate(-23.434 11.154 32.475)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.07 31.751V12.876l7.43-4.612m-7.43 16.147l7.43-4.612m-7.43-.531l7.43-4.612m5-11.173l16.519 9.537v21.96L26.5 44.517z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.5 44.518L4.981 34.98V13.02L21.5 3.482z"/></svg>Musicbrainz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:musicbrainz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:musicbrainz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:musicbrainz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--musicbrainz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:musicbrainz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:musicbrainz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/musicbrainz.svg" alt="Musicbrainz アイコン" width="24" height="24">他のアイコンセットの Musicbrainz アイコン
Musicbrainz アイコン のよくある質問
Musicbrainz アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Musicbrainz アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:musicbrainz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Musicbrainz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/musicbrainz.svg" alt="Musicbrainz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。