Musical Keyboard アイコン
emojione-v1:musical-keyboard
Musical Keyboard アイコン(emojione-v1:musical-keyboard)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- アクティビティ
- タグ
- musicalkeyboard
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill-rule="evenodd"><path fill="#25333a" d="M63.867 54.46c0 2.675-1.263 4.845-2.823 4.845H2.823C1.265 59.305 0 57.135 0 54.46V4.841C0 2.17 1.265 0 2.823 0h58.221c1.561 0 2.823 2.17 2.823 4.841z"/><path fill="#fff" d="M16.817 49.33c0 2.575-1.519 4.666-3.391 4.666H6.717c-1.874 0-3.393-2.091-3.393-4.666V18.812c0-2.579 1.519-4.666 3.393-4.666h6.709c1.872 0 3.391 2.087 3.391 4.666zm14.706 0c0 2.575-1.519 4.666-3.395 4.666h-6.705c-1.874 0-3.395-2.091-3.395-4.666V18.812c0-2.579 1.521-4.666 3.395-4.666h6.705c1.876 0 3.395 2.087 3.395 4.666zm14.577 0c0 2.575-1.52 4.666-3.394 4.666h-6.707c-1.874 0-3.395-2.091-3.395-4.666V18.812c0-2.579 1.521-4.666 3.395-4.666h6.707c1.874 0 3.394 2.087 3.394 4.666zm14.702 0c0 2.575-1.521 4.666-3.396 4.666h-6.707c-1.874 0-3.393-2.091-3.393-4.666V18.812c0-2.579 1.519-4.666 3.393-4.666h6.707c1.874 0 3.396 2.087 3.396 4.666z"/><path fill="#25333a" d="M20.855 39.702c0 1.872-.763 3.389-1.706 3.389h-3.37c-.943 0-1.704-1.517-1.704-3.389v-22.17c0-1.87.761-3.387 1.704-3.387h3.37c.943 0 1.706 1.517 1.706 3.387zm14.624 0c0 1.872-.762 3.389-1.704 3.389h-3.37c-.941 0-1.705-1.517-1.705-3.389v-22.17c0-1.87.764-3.387 1.705-3.387h3.37c.942 0 1.704 1.517 1.704 3.387zm14.571-.692c0 1.874-.766 3.389-1.706 3.389h-3.37c-.942 0-1.706-1.515-1.706-3.389V16.84c0-1.872.764-3.391 1.706-3.391h3.37c.94 0 1.706 1.519 1.706 3.391z"/></g></svg>
Musical Keyboard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:musical-keyboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:musical-keyboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:musical-keyboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--musical-keyboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:musical-keyboard"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:musical-keyboard"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/musical-keyboard.svg" alt="Musical Keyboard アイコン" width="24" height="24">
他のアイコンセットの Musical Keyboard アイコン
Musical Keyboard アイコン のよくある質問
Musical Keyboard アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Musical Keyboard アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:musical-keyboard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Musical Keyboard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/musical-keyboard.svg" alt="Musical Keyboard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
