Musicbrainz アイコン
thesvg:musicbrainz
Musicbrainz アイコン(thesvg:musicbrainz)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.582 0L1.418 5.832v12.336L11.582 24V10.01L7.1 12.668v3.664q.015.168 0 .336c-.103.435-.54.804-1 1.111c-.802.537-1.752.509-2.166-.111s-.141-1.631.666-2.168c.384-.28.863-.399 1.334-.332V6.619c0-.154.134-.252.226-.308L11.582 3zm.836 0v6.162c.574.03 1.14.16 1.668.387a2.23 2.23 0 0 0 1.656-.717a1.02 1.02 0 1 1 1.832-.803l.004.006a1.022 1.022 0 0 1-1.295 1.197c-.34.403-.792.698-1.297.85c.34.263.641.576.891.928a1.04 1.04 0 0 1 .777.125c.768.486.568 1.657-.318 1.857s-1.574-.77-1.09-1.539q.03-.045.065-.09a3.6 3.6 0 0 0-1.436-1.166a4.1 4.1 0 0 0-1.457-.369v4.01c.855.06 1.256.493 1.555.834c.227.256.356.39.578.402c.323.018.568.008.806 0a5.4 5.4 0 0 1 .895.022c.94-.017 1.272-.226 1.605-.446a2.5 2.5 0 0 1 1.131-.463a1 1 0 0 1 .12-.263a1 1 0 0 1 .105-.137c.023-.025.047-.044.07-.066a4.8 4.8 0 0 1 0-2.405l-.012-.01a1.02 1.02 0 1 1 .692.272h-.057a4.3 4.3 0 0 0 0 1.877h.063a1.02 1.02 0 1 1-.545 1.883l-.047-.033a1 1 0 0 1-.352-.442a1.9 1.9 0 0 0-.814.354a3 3 0 0 1-.703.365c.757.555 1.772 1.6 2.199 2.299a1 1 0 0 1 .256-.033a1.02 1.02 0 1 1-.545 1.88l-.047-.03a1.017 1.017 0 0 1-.27-1.376l.051-.072c-.445-.775-2.026-2.28-2.46-2.387a4 4 0 0 0-1.31-.117c-.24.008-.513.018-.866 0c-.515-.027-.783-.333-1.043-.629s-.51-.56-1.055-.611V18.5a2 2 0 0 0 .426-.135a.3.3 0 0 1 .058-.027c.56-.267 1.421-.91 2.096-2.447a1.02 1.02 0 0 1-.27-1.344a1.02 1.02 0 1 1 .915 1.54a6.3 6.3 0 0 1-1.432 2.136a1.8 1.8 0 0 1 .691.306a.67.67 0 0 0 .37.168a3.3 3.3 0 0 0 .888-.222a1.02 1.02 0 0 1 1.787-.79v-.005a1.02 1.02 0 0 1-.773 1.683a1.02 1.02 0 0 1-.719-.287a4 4 0 0 1-1.168.287h-.05a1.3 1.3 0 0 1-.71-.275c-.262-.177-.51-.345-1.402-.12a2.1 2.1 0 0 1-.707.2V24l10.164-5.832V5.832zm4.154 4.904a.352.352 0 0 0-.197.639l.018.01c.163.1.378.053.484-.108v-.002a.352.352 0 0 0-.303-.539zm-4.99 1.928L7.082 9.5v2l4.5-2.668zm8.385.38a.35.35 0 0 0-.295.165v.002a.35.35 0 0 0 .096.473l.013.01a.357.357 0 0 0 .487-.108a.352.352 0 0 0-.301-.541zM16.09 8.647a.35.35 0 0 0-.277.163a.355.355 0 0 0 .296.54c.482 0 .463-.73-.02-.703zm3.877 2.477a.35.35 0 0 0-.295.164a.35.35 0 0 0 .094.475l.015.01a.357.357 0 0 0 .485-.11a.352.352 0 0 0-.3-.539zm-4.375 3.594a.35.35 0 0 0-.291.172a.35.35 0 0 0-.04.265a.352.352 0 1 0 .33-.437zm4.375.789a.35.35 0 0 0-.295.164v.002a.35.35 0 0 0 .094.473l.015.01a.357.357 0 0 0 .485-.108a.352.352 0 0 0-.3-.54zm-2.803 2.488v.002a.35.35 0 0 0-.223.084a.352.352 0 0 0 .23.62a.35.35 0 0 0 .23-.085a.35.35 0 0 0 .12-.24a.353.353 0 0 0-.35-.38h-.007Z"/></svg>Musicbrainz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:musicbrainz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:musicbrainz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:musicbrainz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--musicbrainz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:musicbrainz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:musicbrainz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/musicbrainz.svg" alt="Musicbrainz アイコン" width="24" height="24">他のアイコンセットの Musicbrainz アイコン
Musicbrainz アイコン のよくある質問
Musicbrainz アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Musicbrainz アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:musicbrainz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Musicbrainz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/musicbrainz.svg" alt="Musicbrainz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。