Keyboard 123 24 Regular アイコン

Q: Keyboard 123 24 Regular アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:keyboard-123-24-regular

Keyboard 123 24 Regular アイコン(fluent:keyboard-123-24-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 24 × 24
タグ: keyboardregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.165 4.17a.75.75 0 0 0 .999-.32l.002-.004l.036-.052a1.2 1.2 0 0 1 .204-.208c.19-.152.526-.336 1.094-.336c.492 0 .78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494 1.211-1.655 2.532A.75.75 0 0 0 5.5 9h3.75a.75.75 0 1 0 0-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45 1.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932 0-1.595.316-2.03.664a2.7 2.7 0 0 0-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75 0 0 0 .336 1.006m9.21.314c-.135.126-.4.266-.875.266a.75.75 0 0 0 0 1.5c.474 0 .74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465 0-.76-.137-.928-.249a1 1 0 0 1-.208-.182a.75.75 0 0 0-1.03-.193c-.584.375-.208 1.04-.208 1.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501 1.76.501c1.622 0 2.73-.969 2.803-2.206A2.04 2.04 0 0 0 15.48 5.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785 0-1.366.238-1.76.501a2.5 2.5 0 0 0-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75 0 0 0 1.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023 0 1.29.531 1.306.794a.55.55 0 0 1-.181.44m-2.251 2.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495 2.649l.007.1v5.497a.75.75 0 0 1-1.494.102l-.006-.102V3.792l-.513.173a.75.75 0 0 1-.91-.378l-.04-.095a.75.75 0 0 1 .378-.91l.095-.04l1.501-.503a.75.75 0 0 1 .982.61M17.027 6.5h2.718a.75.75 0 0 1 .75.75v9.505a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V9.804A1.74 1.74 0 0 1 2 9.85v6.905a2.25 2.25 0 0 0 2.25 2.25h15.495a2.25 2.25 0 0 0 2.25-2.25V7.25A2.25 2.25 0 0 0 19.745 5h-2.832a3 3 0 0 1-.21.5c.167.315.276.653.324 1m.223 8H6.75l-.102.007A.75.75 0 0 0 6.75 16h10.5l.102-.007a.75.75 0 0 0-.102-1.493m.25-2.5a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-5.995 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-3 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m6 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4.49-3a1 1 0 1 0-2 0a1 1 0 0 0 2 0"/></svg>

Keyboard 123 24 Regular アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent:keyboard-123-24-regular" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent:keyboard-123-24-regular" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent:keyboard-123-24-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--keyboard-123-24-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:keyboard-123-24-regular"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent:keyboard-123-24-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/keyboard-123-24-regular.svg" alt="Keyboard 123 24 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Keyboard 123 24 Regular アイコンのよくある質問

Keyboard 123 24 Regular アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Keyboard 123 24 Regular アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent:keyboard-123-24-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Keyboard 123 24 Regular アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/keyboard-123-24-regular.svg" alt="Keyboard 123 24 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI System Icons をすべて見る →