Music Lib アイコン
reicon:music-lib
Music Lib アイコン(reicon:music-lib)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m12.756 11.759l-.001.016a8 8 0 0 0-.004.537h.002c.027.015.064.034.137.07l.988.492c.17.084.271.134.347.167l.02.008v-.016a8 8 0 0 0 .004-.536l-.002-.001l-.137-.07l-.988-.491a9 9 0 0 0-.347-.168zm-.006 2.229l.475.236c.15.075.287.143.403.193c.118.052.272.11.449.131a1.5 1.5 0 0 0 1.583-.975c.06-.167.077-.332.083-.46c.007-.127.007-.28.007-.446v-.049c0-.118 0-.265-.027-.408a1.5 1.5 0 0 0-.563-.907a2 2 0 0 0-.353-.206l-.03-.014l-1.002-.499c-.15-.074-.287-.143-.403-.193a1.6 1.6 0 0 0-.449-.13a1.5 1.5 0 0 0-1.583.975c-.06.167-.077.332-.083.46a7 7 0 0 0-.007.335v2.362a2.254 2.254 0 0 0-3 2.115a2.246 2.246 0 0 0 2.25 2.242c1.239 0 2.25-1 2.25-2.242zm-1.5 2.52a.746.746 0 0 0-.75-.742a.746.746 0 0 0-.75.742c0 .406.332.742.75.742s.75-.336.75-.742"/><path d="M8.7 1.25h6.6c.22 0 .389 0 .536.016A2.75 2.75 0 0 1 18.29 3.87a2.89 2.89 0 0 1 2.054 2.721c.601.18 1.12.465 1.544.923c.652.705.854 1.572.862 2.586c.007.975-.166 2.207-.382 3.736l-.44 3.114c-.168 1.196-.305 2.168-.518 2.929c-.223.797-.552 1.452-1.16 1.956c-.604.5-1.32.715-2.166.817c-.819.098-1.849.098-3.13.098H9.046c-1.282 0-2.312 0-3.13-.098c-.847-.102-1.563-.317-2.167-.817c-.608-.504-.937-1.16-1.16-1.956c-.213-.761-.35-1.733-.519-2.93l-.439-3.113c-.215-1.53-.39-2.761-.382-3.736c.008-1.014.21-1.881.862-2.586c.424-.458.942-.742 1.543-.923a2.89 2.89 0 0 1 2.055-2.72a2.75 2.75 0 0 1 2.454-2.605c.147-.016.316-.016.535-.016m-3.51 5.078c.926-.078 2.06-.078 3.427-.078h6.768c1.366 0 2.5 0 3.427.078a1.38 1.38 0 0 0-1.35-1.078H6.539c-.669 0-1.212.47-1.349 1.078m10.487-3.57c.55.058.985.468 1.092.992H7.232a1.25 1.25 0 0 1 1.092-.993c.056-.006.136-.007.417-.007h6.518c.28 0 .36.001.417.007M3.213 8.532c.303-.327.758-.544 1.643-.662c.901-.12 2.108-.121 3.816-.121h6.656c1.708 0 2.915.002 3.816.121c.885.118 1.34.335 1.643.662c.296.32.457.755.463 1.579c.006.85-.15 1.97-.376 3.576l-.423 3c-.178 1.261-.302 2.133-.485 2.787c-.177.63-.384.965-.673 1.204c-.293.244-.687.4-1.388.484c-.719.086-1.658.087-3 .087h-5.81c-1.342 0-2.281-.001-3-.087c-.7-.085-1.095-.24-1.388-.483c-.289-.24-.496-.576-.673-1.205c-.183-.654-.307-1.526-.485-2.787l-.423-3c-.226-1.605-.382-2.726-.376-3.576c.006-.824.167-1.26.463-1.579"/></g></svg>Music Lib アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:music-lib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:music-lib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:music-lib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--music-lib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:music-lib"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:music-lib"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/music-lib.svg" alt="Music Lib アイコン" width="24" height="24">Reicon の関連アイコン
music
music-circle
music-circle-filled
music-dashboard
music-dashboard-filled
music-filled
music-filter
music-filter-filled
music-lib-filled
music-lib2
music-lib2-duotone
music-lib2-filled
music-library
music-library-duotone
music-library-filled
music-note
music-note-duotone
music-note-filled
music-note-sparkle
music-note-sparkle-filled
music-note-variant
music-note-variant-filled
music-note2
music-note2-duotone
Music Lib アイコン のよくある質問
Music Lib アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Music Lib アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:music-lib" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Music Lib アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/music-lib.svg" alt="Music Lib アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。