Command Button Keyboard Bold アイコン
streamline-ultimate:command-button-keyboard-bold
Command Button Keyboard Bold アイコン(streamline-ultimate:command-button-keyboard-bold)は、Ultimate free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- commandbutton、buttonkeyboard、keyboardbold、commandbuttonkeyboardbold
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="M0 3.95A3.91 3.91 0 0 1 3.95 0h16.1C22.28 0 24 1.851 24 3.95v16.1A3.91 3.91 0 0 1 20.05 24H3.95A3.91 3.91 0 0 1 0 20.05zm5.684 3.22c0-.86.726-1.586 1.586-1.586s1.587.726 1.587 1.587v1.586H7.27c-.86 0-1.586-.726-1.586-1.586m4.673 0v1.587h3.386V7.171c0-1.69 1.398-3.087 3.087-3.087s3.086 1.398 3.086 3.087a3.107 3.107 0 0 1-3.086 3.086h-1.587v3.386h1.587a3.107 3.107 0 0 1 3.086 3.087a3.107 3.107 0 0 1-3.086 3.086a3.107 3.107 0 0 1-3.087-3.086v-1.587h-3.386v1.587a3.107 3.107 0 0 1-3.087 3.086a3.107 3.107 0 0 1-3.086-3.086a3.107 3.107 0 0 1 3.086-3.087h1.587v-3.386H7.27a3.107 3.107 0 0 1-3.086-3.086A3.107 3.107 0 0 1 7.27 4.084a3.107 3.107 0 0 1 3.087 3.087m0 6.473v-3.386h3.386v3.386zm6.473-4.886h-1.587V7.171c0-.86.726-1.587 1.587-1.587s1.586.726 1.586 1.587c0 .86-.726 1.586-1.586 1.586m-1.587 7.973v-1.587h1.587c.86 0 1.586.726 1.586 1.587c0 .86-.726 1.586-1.586 1.586s-1.587-.726-1.587-1.586M7.27 15.143h1.587v1.587c0 .86-.726 1.586-1.587 1.586c-.86 0-1.586-.726-1.586-1.586s.726-1.587 1.586-1.587" clip-rule="evenodd"/></svg>Command Button Keyboard Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate:command-button-keyboard-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate:command-button-keyboard-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate:command-button-keyboard-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate--command-button-keyboard-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate -->
<div class="i-streamline-ultimate:command-button-keyboard-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate:command-button-keyboard-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate/command-button-keyboard-bold.svg" alt="Command Button Keyboard Bold アイコン" width="24" height="24">Ultimate free icons の関連アイコン
Command Button Keyboard Bold アイコン のよくある質問
Command Button Keyboard Bold アイコンは商用利用でも無料ですか?
はい。Ultimate free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Command Button Keyboard Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate:command-button-keyboard-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Command Button Keyboard Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate/command-button-keyboard-bold.svg" alt="Command Button Keyboard Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。