ICONYZ
日本語
Phosphor の Fingerprint Simple Fill アイコン

Fingerprint Simple Fill アイコン

ph:fingerprint-simple-fill

Fingerprint Simple Fill アイコン(ph:fingerprint-simple-fill)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Phosphor
作者
Phosphor Icons
ライセンス
MIT
サイズ
256 × 256
タグ
security、secured、authentication、authenticated、login、locked、biometrics、encrypted、encryption、fingerprintsimple、simplefill、fingerprintsimplefill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M126.41 24C70.72 24.85 25.21 70.07 24 125.75a103.5 103.5 0 0 0 13.51 53.5a4 4 0 0 0 7.1-.29A119.3 119.3 0 0 0 56 128a71.93 71.93 0 0 1 17.74-47.33a8.22 8.22 0 0 1 10.8-1.59A8 8 0 0 1 86 91a55.92 55.92 0 0 0-14 37a135.1 135.1 0 0 1-18.44 68.31a4 4 0 0 0 .61 4.85A104 104 0 0 0 67 212.21a4 4 0 0 0 5.82-1.21A159.6 159.6 0 0 0 84 189a8 8 0 1 1 14.8 6.1a177 177 0 0 1-11.85 23.54a4 4 0 0 0 1.89 5.74a103.5 103.5 0 0 0 25 6.7a4 4 0 0 0 4.07-2a206.9 206.9 0 0 0 25.57-85.61a8 8 0 1 1 15.95 1.16a222.8 222.8 0 0 1-21.58 80.75a4 4 0 0 0 4.08 5.74a103.7 103.7 0 0 0 20.6-4.95a4 4 0 0 0 2.35-2.23A247.3 247.3 0 0 0 184 129.76c.22-30.64-23.4-56.67-54-57.73a56.7 56.7 0 0 0-16 1.73a8 8 0 0 1-9.84-6.21a8.23 8.23 0 0 1 6.29-9.39A72.05 72.05 0 0 1 200 128a264.8 264.8 0 0 1-10.66 74.63a4 4 0 0 0 6.47 4.15A104 104 0 0 0 126.41 24M128 96a32.05 32.05 0 0 1 23.85 10.67a8 8 0 0 1-1.24 11.79a8.26 8.26 0 0 1-10.88-1.34a16 16 0 0 0-16.78-4.3a16.39 16.39 0 0 0-11 15.67a177 177 0 0 1-3.19 33A8 8 0 0 1 101 168a7.7 7.7 0 0 1-1.5-.14a8.3 8.3 0 0 1-6.31-9.66A161 161 0 0 0 96 128a32 32 0 0 1 32-32"/></svg>

Fingerprint Simple Fill アイコンの使い方

React

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

<Icon icon="ph:fingerprint-simple-fill" width="24" />

Vue

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

<template>
  <Icon icon="ph:fingerprint-simple-fill" width="24" />
</template>

Svelte

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

<Icon icon="ph:fingerprint-simple-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--fingerprint-simple-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:fingerprint-simple-fill"></div>

Web コンポーネント

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

<iconify-icon icon="ph:fingerprint-simple-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/fingerprint-simple-fill.svg" alt="Fingerprint Simple Fill アイコン" width="24" height="24">

Phosphor の関連アイコン

Fingerprint Simple Fill アイコン のよくある質問

Fingerprint Simple Fill アイコンは商用利用でも無料ですか?

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

React で Fingerprint Simple Fill アイコンを使うには?

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

Fingerprint Simple Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/fingerprint-simple-fill.svg" alt="Fingerprint Simple Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Phosphor アイコン をすべて見る →