Payment Link アイコン
stash:payment-link
Payment Link アイコン(stash:payment-link)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- paymentlink
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.83 4.25H7.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 3.55 5.752c-.09.177-.126.396-.146.526a8 8 0 0 0-.06.58c-.032.43-.053.964-.067 1.51c-.027 1.092-.027 2.27-.027 2.83v.002a.75.75 0 0 0 1.5 0c0-.28 0-.708.003-1.2H19.25v4.8c0 .572 0 .957-.025 1.252c-.023.288-.065.425-.111.515a1.25 1.25 0 0 1-.547.547c-.09.046-.227.088-.515.111c-.295.024-.68.025-1.252.025H12a.75.75 0 0 0 0 1.5h4.83c.535 0 .98 0 1.345-.03c.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.202-1.201c.172-.338.24-.694.27-1.074c.03-.365.03-.81.03-1.344V8.17c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03M19.25 8H4.789c.012-.384.03-.739.05-1.031q.024-.298.049-.47q.013-.081.018-.104a1.25 1.25 0 0 1 .527-.509c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h9.6c.572 0 .957 0 1.252.025c.288.023.425.065.515.111c.236.12.427.311.547.547c.046.09.088.227.111.514c.021.26.024.589.025 1.053"/><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 13a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z"/></svg>Payment Link アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:payment-link" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:payment-link" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:payment-link" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--payment-link]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:payment-link"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:payment-link"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/payment-link.svg" alt="Payment Link アイコン" width="24" height="24">Stash Icons の関連アイコン
他のアイコンセットの Payment Link アイコン
Payment Link アイコン のよくある質問
Payment Link アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Payment Link アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:payment-link" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Payment Link アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/payment-link.svg" alt="Payment Link アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。