Keycap 10 アイコン
emojione-v1:keycap-10
Keycap 10 アイコン(emojione-v1:keycap-10)は、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
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M64 57.1a6.9 6.9 0 0 1-6.898 6.902H6.892A6.9 6.9 0 0 1-.004 57.1V6.9A6.9 6.9 0 0 1 6.892.002h50.21A6.9 6.9 0 0 1 64 6.9z"/><path fill="#fff" d="M17.07 48.24v-25q-6.978 5.356-9.394 5.355c-.772 0-1.453-.303-2.046-.918q-.897-.92-.895-2.128c0-.935.292-1.62.879-2.064c.587-.436 1.62-1 3.106-1.701c2.215-1.044 3.989-2.141 5.313-3.295a22.4 22.4 0 0 0 3.53-3.873q1.54-2.146 2-2.639q.47-.495 1.76-.493c.972 0 1.748.375 2.337 1.124q.874 1.13.875 3.106v31.457q0 5.523-3.763 5.523c-1.115 0-2.01-.379-2.692-1.128q-1.013-1.13-1.014-3.325M59.43 32.3q0 4.502-.548 7.748c-.366 2.158-1.047 4.122-2.034 5.88c-1.249 2.16-2.857 3.823-4.837 5q-2.963 1.757-6.593 1.757c-2.781 0-5.28-.787-7.487-2.361q-3.307-2.361-4.983-6.54c-.567-1.518-.985-3.201-1.25-5.04q-.4-2.76-.398-5.976q-.002-4.145.438-7.47c.292-2.215.749-4.123 1.374-5.716c1.078-2.637 2.651-4.647 4.709-6.03c2.062-1.379 4.521-2.073 7.381-2.073q2.83 0 5.135.922a11.7 11.7 0 0 1 4.052 2.692q1.746 1.772 2.955 4.379c1.388 3.03 2.086 7.301 2.086 12.831m-7.526-.548c0-3.354-.205-6.094-.604-8.227q-.606-3.205-2.034-4.836q-1.43-1.636-3.956-1.636q-3.63 0-5.04 3.654q-1.413 3.653-1.415 11.264c0 3.443.203 6.266.607 8.461q.602 3.297 2.032 4.988c.952 1.124 2.241 1.688 3.875 1.688q2.524 0 3.953-1.758c.954-1.173 1.62-2.849 2.01-5.03s.579-5.03.579-8.57"/></svg>
Keycap 10 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:keycap-10" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:keycap-10" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:keycap-10" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--keycap-10]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:keycap-10"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:keycap-10"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/keycap-10.svg" alt="Keycap 10 アイコン" width="24" height="24">
他のアイコンセットの Keycap 10 アイコン
Keycap 10 アイコン のよくある質問
Keycap 10 アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Keycap 10 アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:keycap-10" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keycap 10 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/keycap-10.svg" alt="Keycap 10 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
