Fingerprint Bold アイコン

Q: Fingerprint Bold アイコンは商用利用でも無料ですか?

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

ph:fingerprint-bold

Fingerprint Bold アイコン(ph:fingerprint-bold)は、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、fingerprintbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M160 128a224.5 224.5 0 0 1-26.37 105.54a12 12 0 1 1-21.16-11.32A200.3 200.3 0 0 0 136 128a8 8 0 0 0-16 0a12 12 0 0 1-24 0a32 32 0 0 1 64 0m-32-72a12 12 0 1 0 0 24a48.05 48.05 0 0 1 48 48c0 7.62-.36 15.32-1.07 22.87A12 12 0 0 0 185.74 164h1.14a12 12 0 0 0 11.93-10.87c.79-8.3 1.18-16.76 1.18-25.13A72.08 72.08 0 0 0 128 56M96 92.23a12 12 0 0 0-16-17.88A72.1 72.1 0 0 0 56 128a120.1 120.1 0 0 1-15.12 58.37a12 12 0 0 0 21 11.69A144.14 144.14 0 0 0 80 128a48.08 48.08 0 0 1 16-35.77m10.1 64.1a12 12 0 0 0-14.46 8.9a158.6 158.6 0 0 1-18.88 45.86a12 12 0 0 0 20.5 12.48A182.9 182.9 0 0 0 115 170.79a12 12 0 0 0-8.9-14.46m76.73 24.07a12 12 0 0 0-14.64 8.6a242 242 0 0 1-8 24.87a12 12 0 0 0 6.91 15.49a11.8 11.8 0 0 0 4.29.8a12 12 0 0 0 11.21-7.71a260 260 0 0 0 8.79-27.37a12 12 0 0 0-8.56-14.68M128 16A112.12 112.12 0 0 0 16 127.44v.57a79.8 79.8 0 0 1-5 27.82a12 12 0 1 0 22.5 8.35a103.6 103.6 0 0 0 6.5-35.6v-.57a88 88 0 0 1 176-.5v.5a282 282 0 0 1-6.74 61.38a12 12 0 0 0 9.09 14.33a11.8 11.8 0 0 0 2.65.28a12 12 0 0 0 11.7-9.38a306 306 0 0 0 7.3-66.07v-.54A112.13 112.13 0 0 0 128 16"/></svg>

Fingerprint Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ph:fingerprint-bold"></iconify-icon>

HTML 画像

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

Phosphor の関連アイコン

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

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

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

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

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

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

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

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