Music Score 16 アイコン
qlementine-icons:music-score-16
Music Score 16 アイコン(qlementine-icons:music-score-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ファイル
- タグ
- musicscore
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 0c.343 0 .842.147 1.26.539c.433.408.742 1.05.742 1.97c0 1.95-1.18 2.96-2.32 3.72q.13.426.272.874a3 3 0 0 1 .79-.104c.884 0 1.71.235 2.31.778c.615.551.943 1.36.943 2.38c0 .903-.465 1.64-1.2 2.12c-.301.2-.648.359-1.03.476q.046.168.084.317c.081.321.145.627.145.848c0 .586-.194 1.11-.561 1.49c-.368.383-.877.588-1.44.588c-.834 0-1.36-.308-1.66-.688a1.6 1.6 0 0 1-.318-.67l-.01-.057l-.004-.02v-.013Q2 14.532 2 14.514a1.01 1.01 0 1 1 1.719.464q.12.017.274.018c.314 0 .555-.11.718-.28c.164-.171.282-.437.282-.802c0-.082-.03-.275-.113-.604q-.042-.165-.097-.36q-.383.046-.79.046c-1.12 0-2.13-.321-2.86-.974c-.737-.66-1.14-1.61-1.14-2.77c0-1.84 1.36-2.73 2.51-3.46l-.024-.084c-.278-.983-.487-1.88-.487-2.44c0-2.4 1.17-3.27 2-3.27zM2.81 6.8C1.74 7.502 1 8.1 1 9.26c0 .911.312 1.58.81 2.02c.504.452 1.25.719 2.19.719q.258 0 .496-.02c-.204-.65-.452-1.39-.711-2.17l-.26-.786l-.152-.463A1.38 1.38 0 0 0 3 9.503a.5.5 0 0 1-1 0c0-.86.424-1.54 1.04-1.97a64 64 0 0 1-.229-.73zM4.74 8q-.254 0-.483.055q.106.326.214.65l.258.778c.275.828.54 1.63.754 2.31q.443-.139.762-.35c.5-.331.752-.772.752-1.29c0-.791-.249-1.31-.611-1.63C6.015 8.19 5.459 8 4.746 8zm-.744-7c-.086 0-1 .173-1 2.27c0 .37.142 1.05.388 1.95c.935-.666 1.61-1.4 1.61-2.71c0-.684-.221-1.05-.428-1.24a.96.96 0 0 0-.572-.267z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11.8.007a2 2 0 0 1 .385.049q.308.074.578.239c.202.124.375.297.721.643l1.62 1.62c.346.346.519.519.643.72q.165.272.239.579c.055.23.056.475.056.964v6.38l-.005 1.11c-.015.975-.077 1.57-.322 2.05l-.115.206c-.288.47-.701.853-1.2 1.1l-.123.057c-.46.198-1.03.251-1.93.265l-1.11.005h-4.32a3.5 3.5 0 0 0 .465-1h3.85c.856 0 1.44 0 1.89-.037c.438-.036.663-.101.819-.181c.376-.192.682-.498.874-.874c.08-.156.145-.381.18-.819c.038-.45.038-1.03.038-1.89v-6.2h-3a1 1 0 0 1-1-1v-3h-3.73a3.9 3.9 0 0 0-.501-1h4.41L11.79 0zm.246 3.99h2.94a1 1 0 0 0-.089-.194c-.047-.078-.118-.157-.497-.536l-1.62-1.62c-.379-.38-.459-.45-.536-.497a1 1 0 0 0-.194-.09V4z" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 11a.5.5 0 0 1 0 1H9.6c.144-.312.254-.645.321-1zm1-3a.5.5 0 0 1 0 1H9.89a5.3 5.3 0 0 0-.297-1h2.91z"/></svg>Music Score 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:music-score-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:music-score-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:music-score-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--music-score-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:music-score-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:music-score-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/music-score-16.svg" alt="Music Score 16 アイコン" width="24" height="24">Music Score 16 アイコン のよくある質問
Music Score 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Music Score 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:music-score-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Music Score 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/music-score-16.svg" alt="Music Score 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。