Fps 120 24 Regular アイコン

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

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

fluent:fps-120-24-regular

Fps 120 24 Regular アイコン(fluent:fps-120-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
タグ: fpsregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.996 3.75a.75.75 0 0 0-1.36-.435l-.002.002l-.01.012a6 6 0 0 1-.185.247a14 14 0 0 1-.535.647c-.455.517-1.017 1.07-1.54 1.384a.75.75 0 0 0 .772 1.286c.489-.293.959-.704 1.36-1.107v6.464a.75.75 0 0 0 1.5 0zm3.492 1.636a.75.75 0 0 1-1.478-.26v-.001l.001-.002v-.005l.003-.01a1 1 0 0 1 .025-.112q.024-.1.082-.252c.078-.2.21-.462.428-.724C9.008 3.47 9.784 3 11 3a3 3 0 0 1 3 3c0 1.022-.361 1.776-.9 2.364c-.475.518-1.088.902-1.605 1.226l-.096.06c-.574.36-1.038.666-1.374 1.062a2.1 2.1 0 0 0-.427.788h3.652a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75c0-1.075.347-1.878.881-2.509c.508-.598 1.17-1.016 1.72-1.362l.029-.018c.575-.36 1.03-.646 1.364-1.01c.305-.333.506-.733.506-1.351A1.5 1.5 0 0 0 11 4.5c-.784 0-1.133.28-1.299.48a1.1 1.1 0 0 0-.21.396zm8.506-2.384A2.994 2.994 0 0 0 15 5.996v4.01A2.994 2.994 0 0 0 17.994 13h.012A2.994 2.994 0 0 0 21 10.006v-4.01a2.994 2.994 0 0 0-2.994-2.994zM16.5 5.996c0-.825.669-1.494 1.494-1.494h.012c.825 0 1.494.669 1.494 1.494v4.01c0 .825-.669 1.494-1.494 1.494h-.012a1.494 1.494 0 0 1-1.494-1.494zM4 15.75a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H5.5v1.503h1.75a.75.75 0 0 1 0 1.5H5.5v1.728a.75.75 0 0 1-1.5 0zm6.25-.75a.75.75 0 0 0-.75.75v5.5a.75.75 0 0 0 1.5 0V19.5h.75a2.25 2.25 0 1 0 0-4.5zm1.5 3H11v-1.5h.75a.75.75 0 0 1 0 1.5m3.5-.875c0-1.174.951-2.125 2.125-2.125H18a2 2 0 0 1 2 2a.75.75 0 0 1-1.5 0a.5.5 0 0 0-.5-.5h-.625a.625.625 0 1 0 0 1.25h.5a2.125 2.125 0 0 1 0 4.25h-.625a2 2 0 0 1-2-2a.75.75 0 0 1 1.5 0a.5.5 0 0 0 .5.5h.625a.625.625 0 1 0 0-1.25h-.5a2.125 2.125 0 0 1-2.125-2.125"/></svg>

Fps 120 24 Regular アイコンの使い方

React

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

<Icon icon="fluent:fps-120-24-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:fps-120-24-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:fps-120-24-regular" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent:fps-120-24-regular"></iconify-icon>

HTML 画像

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

Fluent UI System Icons の関連アイコン

Fps 120 24 Regular アイコンのよくある質問

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

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

React で Fps 120 24 Regular アイコンを使うには?

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

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

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

Fluent UI System Icons をすべて見る →