Musical Keyboard アイコン
emojione:musical-keyboard
Musical Keyboard アイコン(emojione:musical-keyboard)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- アクティビティ
- タグ
- musicalkeyboard
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#c5d4d8" d="M40.1 46.8c-2.1 3.8-4.1 7.9-6 12.1c4.1 1.4 8.2 2.4 12.2 3.1c.5-3.7 1.3-7.3 2.2-10.6c1-3.5 2.2-6.7 3.5-9.9c-1.9-1.6-3.8-3.4-5.7-5.3c-2.1 3.4-4.2 6.9-6.2 10.6m20.7-29.9c-2.7 3-5.2 6.1-7.6 9.3c-2.3 3.1-4.6 6.3-6.7 9.7c2 1.9 3.9 3.6 5.7 5.3c1.4-3.1 2.9-6.1 4.6-8.9c1.6-2.7 3.4-5.3 5.3-7.7c-.5-2.6-.9-5.2-1.3-7.7"/><path fill="#eae7e4" d="M2 19.1c15.2 31.5 32.1 39.8 32.1 39.8c2-4.3 4-8.3 6-12.1c2-3.7 4-7.2 6.2-10.6c-7.9-7.5-16.7-16.6-25.7-25.6c-3.6 1.6-7.1 3.3-10.7 4.9c-2.7 1.2-5.3 2.4-7.9 3.6M39.5 2c-2.6 1.2-5.2 2.3-7.8 3.5c-3.6 1.6-7.1 3.3-10.7 4.9c9 8.9 17.7 18 25.5 25.5c2.1-3.4 4.4-6.6 6.7-9.7c2.4-3.2 5-6.3 7.6-9.3z"/><g fill="#333"><path d="M40.1 46.9c.1-.1.1-.2.2-.3C30 37.7 20.3 26 10.1 15.5c-.1 0-.2.1-.3.1C20 26.2 29.7 38 40.1 46.9"/><path d="M48.6 51.2c0 .1-.1.2-.1.3c-2.8-1.3-5.6-2.8-8.5-4.6c.1-.1.1-.2.2-.3c2.9 1.8 5.7 3.3 8.4 4.6m4.7-25.1c-.1.1-.1.2-.2.3C47 19.8 39.3 12.9 31.6 5.6c.1 0 .2-.1.3-.1c7.7 7.2 15.3 14 21.4 20.6m3.4 6.4c0-.1.1-.2.1-.2c-1.1-2-2.3-4.1-3.5-6.1c-.1.1-.1.2-.2.3c1.2 1.9 2.4 4 3.6 6m-4.5 8.7c0 .1-.1.2-.1.3c-9.6-8.5-21-20.5-32.6-32c.1-.1.3-.1.4-.2c11.5 11.5 22.8 23.4 32.3 31.9"/></g><path fill="#231f20" d="M46.2 23.5c1.3-1.4 2.5-2.7 3.8-4.1c-6.6-4.1-14.7-9.5-24-15l1.1 3.1c6.6 5.8 13.5 10.9 19.1 16m-7.9 8.3C39.5 30.4 25 15 15.7 9.5l1.5 2.7c6.5 5.7 14.8 14.9 21.1 19.6"/><path fill="#55646d" d="M50.6 18.9c-1.5 1.5-2.9 3.1-4.4 4.7c-1.5-1.7-3.1-6.8-3.1-6.8l5.1-4.3c0-.2 1.1 4.7 2.4 6.4"/><path fill="#333" d="m43.1 16.7l5.1-4.3L31.7 2.1s-3.8 1.5-5.6 2.3c5.4 4.6 17 12.3 17 12.3"/><path fill="#55646d" d="M29.5 42.4c1.4-1.8 5-5.3 5-5.3c-2.3-2.1-6-7.6-6-7.6l-7.7 7.4s4.9 4.6 8.7 5.5"/><path fill="#333" d="m28.6 29.5l-7.7 7.4S9.2 23.5 5.3 14.1l5.6-3.1z"/><path fill="#55646d" d="M42.4 27.8c-1.4 1.6-4.2 4.1-4.2 4.1s-4.4-3.4-6.5-5.5c1.7-1.5 6.9-5.8 6.9-5.8s2.1 5.3 3.8 7.2"/><path fill="#333" d="M31.7 26.4c1.7-1.5 6.9-5.8 6.9-5.8L21.3 6.4l-5.6 3.1s10.7 11.3 16 16.9"/></svg>
Musical Keyboard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:musical-keyboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:musical-keyboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:musical-keyboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--musical-keyboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:musical-keyboard"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:musical-keyboard"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/musical-keyboard.svg" alt="Musical Keyboard アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
他のアイコンセットの Musical Keyboard アイコン
Musical Keyboard アイコン のよくある質問
Musical Keyboard アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Musical Keyboard アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:musical-keyboard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Musical Keyboard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/musical-keyboard.svg" alt="Musical Keyboard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
