ICONYZ
日本語
Phosphor の Contactless Payment Light アイコン

Contactless Payment Light アイコン

ph:contactless-payment-light

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

アイコンセット
Phosphor
作者
Phosphor Icons
ライセンス
MIT
サイズ
256 × 256
タグ
purchase、credit card、nfc、contactlesspayment、paymentlight、contactlesspaymentlight
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M95.31 101.2a57.37 57.37 0 0 1 0 53.6a6 6 0 0 1-10.62-5.6a44.75 44.75 0 0 0 0-42.4a6 6 0 1 1 10.62-5.6m47.86-34.49a6 6 0 0 0-2.46 8.12a112.67 112.67 0 0 1 0 106.34a6 6 0 1 0 10.58 5.66a124.65 124.65 0 0 0 0-117.66a6 6 0 0 0-8.12-2.46m-28 16a6 6 0 0 0-2.48 8.12a79 79 0 0 1 0 74.36a6 6 0 0 0 10.6 5.64a91 91 0 0 0 0-85.64a6 6 0 0 0-8.11-2.49ZM230 128A102 102 0 1 1 128 26a102.12 102.12 0 0 1 102 102m-12 0a90 90 0 1 0-90 90a90.1 90.1 0 0 0 90-90"/></svg>

Contactless Payment Light アイコンの使い方

React

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

<Icon icon="ph:contactless-payment-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:contactless-payment-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:contactless-payment-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--contactless-payment-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:contactless-payment-light"></div>

Web コンポーネント

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

<iconify-icon icon="ph:contactless-payment-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/contactless-payment-light.svg" alt="Contactless Payment Light アイコン" width="24" height="24">

Phosphor の関連アイコン

Contactless Payment Light アイコン のよくある質問

Contactless Payment Light アイコンは商用利用でも無料ですか?

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

React で Contactless Payment Light アイコンを使うには?

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

Contactless Payment Light アイコンをウェブページに追加するには?

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

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