Fps アイコン
token-branded:fps
Fps アイコン(token-branded:fps)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG9HetO9iE)" d="M11.849 9.502a1.2 1.2 0 0 1-.54-.365q-.765-.898-1.815-2.18c-.575-.704-1.26-1.404-2.22-1.454a2.945 2.945 0 0 0-3.114 2.55c-.35 2.12-.7 4.24-1.035 6.359q-.1.537-.125 1.085a2.99 2.99 0 0 0 3.02 2.99a3.015 3.015 0 0 0 2.864-2.675h-.01l-.01-.005a2.09 2.09 0 0 1-.7-4.01c.985-.42 2.07.04 2.55 1.01c.149.377.225.78.225 1.185l.015.01h1.95c.02 0 .03-.01.04-.02a.06.06 0 0 0 .02-.04c.05-1.135.785-2.28 1.95-2.315a2.02 2.02 0 0 1 1.845 1.17c.59 1.3-.2 2.83-1.605 2.985c-.035 0-.05.025-.05.06c.255 1.665 1.65 2.86 3.314 2.634a3.01 3.01 0 0 0 2.502-2.287a3 3 0 0 0 .038-1.192c-.32-2.05-.7-4.395-1.14-7.024a2.94 2.94 0 0 0-3.175-2.45c-.924.075-1.694.86-2.26 1.555l-.424.525q-.62.788-1.28 1.544c-.215.24-.49.42-.825.36z"/><path fill="url(#SVGJa0t6cgo)" d="M8.899 14.847a1.15 1.15 0 0 0 1.13-1.16a1.15 1.15 0 0 0-1.13-1.16a1.145 1.145 0 0 0-1.13 1.16a1.146 1.146 0 0 0 1.13 1.16"/><path fill="url(#SVGqY3MJcNl)" d="M16.099 13.683a1.15 1.15 0 0 1-1.13 1.16a1.15 1.15 0 0 1-1.13-1.16a1.15 1.15 0 0 1 1.13-1.155a1.15 1.15 0 0 1 1.13 1.154"/><defs><linearGradient id="SVG9HetO9iE" x1="3.69" x2="20.623" y1="11.562" y2="11.617" gradientUnits="userSpaceOnUse"><stop stop-color="#aa32f2"/><stop offset="1" stop-color="#8760fb"/></linearGradient><linearGradient id="SVGJa0t6cgo" x1="-29.493" x2="105.377" y1=".086" y2=".709" gradientUnits="userSpaceOnUse"><stop stop-color="#aa32f2"/><stop offset="1" stop-color="#8760fb"/></linearGradient><linearGradient id="SVGqY3MJcNl" x1="3.689" x2="20.623" y1="11.563" y2="11.618" gradientUnits="userSpaceOnUse"><stop stop-color="#aa32f2"/><stop offset="1" stop-color="#8760fb"/></linearGradient></defs></g></svg>Fps アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:fps" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:fps" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:fps" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--fps]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:fps"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:fps"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/fps.svg" alt="Fps アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Fps アイコン
Fps アイコン のよくある質問
Fps アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fps アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:fps" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fps アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/fps.svg" alt="Fps アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。