Payment Link Light アイコン
stash:payment-link-light
Payment Link Light アイコン(stash:payment-link-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- paymentlink、linklight、paymentlinklight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.821 5H7.18c-.542 0-.98 0-1.333.029c-.365.03-.685.093-.981.243a2.5 2.5 0 0 0-1.093 1.093c-.069.136-.1.316-.12.45c-.024.158-.043.35-.059.561c-.031.424-.052.953-.066 1.498c-.027 1.09-.027 2.265-.027 2.825v.001a.5.5 0 0 0 1 0c0-.37 0-1.003.008-1.7H19.5v5.3c0 .568 0 .965-.026 1.273c-.024.302-.07.476-.137.608a1.5 1.5 0 0 1-.656.656c-.132.067-.306.113-.608.137c-.308.026-.705.026-1.273.026H12a.5.5 0 0 0 0 1h4.821c.542 0 .98 0 1.333-.029c.365-.03.685-.093.981-.244a2.5 2.5 0 0 0 1.092-1.092c.151-.296.214-.616.244-.98c.029-.355.029-.792.029-1.334V8.68c0-.542 0-.98-.029-1.333c-.03-.365-.093-.685-.244-.981a2.5 2.5 0 0 0-1.092-1.093c-.296-.15-.616-.213-.98-.243C17.8 5 17.362 5 16.82 5m2.676 3H4.558q.014-.3.033-.55q.021-.302.05-.488c.012-.081.022-.125.026-.143l.002-.01a1.5 1.5 0 0 1 .65-.646c.132-.067.306-.113.608-.137C6.236 6 6.632 6 7.2 6h9.6c.568 0 .965 0 1.273.026c.302.024.476.07.608.137a1.5 1.5 0 0 1 .656.656c.067.132.113.306.137.608c.014.163.02.35.023.573"/><path fill="currentColor" d="m9.314 15.877l-.72.7c.452.853.31 1.925-.429 2.641l-1.148 1.114a2.41 2.41 0 0 1-3.33 0a2.22 2.22 0 0 1 0-3.21l.72-.698a2.22 2.22 0 0 1 .428-2.642l1.148-1.114a2.41 2.41 0 0 1 3.33 0a2.22 2.22 0 0 1 0 3.21m-.651-.61a1.377 1.377 0 0 0 0-1.988a1.465 1.465 0 0 0-2.029 0l-1.149 1.114a1.38 1.38 0 0 0-.368 1.382a2.42 2.42 0 0 1 2.909.11zM7.374 16.5a1.47 1.47 0 0 0-1.748 0a1.47 1.47 0 0 0 1.748 0m-3.037 1.233a1.377 1.377 0 0 0 0 1.988a1.465 1.465 0 0 0 2.029 0l1.149-1.114c.385-.373.508-.906.368-1.382a2.42 2.42 0 0 1-2.909-.11zM14 14a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z"/></svg>Payment Link Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:payment-link-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:payment-link-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:payment-link-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--payment-link-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:payment-link-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:payment-link-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/payment-link-light.svg" alt="Payment Link Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Payment Link Light アイコン のよくある質問
Payment Link Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Payment Link Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:payment-link-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Payment Link Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/payment-link-light.svg" alt="Payment Link Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。