Stripe アイコン

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

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

formkit:stripe

Stripe アイコン(formkit:stripe)は、FormKit Icons セットの無料 SVG アイコンです（作者: FormKit, Inc）。 24 × 24 のグリッドで描かれています。 FormKit Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: FormKit Icons
作者: FormKit, Inc
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5 14h-13C.67 14 0 13.33 0 12.5v-9C0 2.67.67 2 1.5 2h13c.83 0 1.5.67 1.5 1.5v9c0 .83-.67 1.5-1.5 1.5M1.5 3c-.28 0-.5.22-.5.5v9c0 .28.22.5.5.5h13c.28 0 .5-.22.5-.5v-9c0-.28-.22-.5-.5-.5z"/><path fill="currentColor" fill-rule="evenodd" d="m8.5 6.18l-.84.18v-.68l.84-.18zm1.74.38c-.33 0-.54.15-.65.26l-.04-.21h-.73v3.88l.83-.18v-.94c.12.09.3.21.59.21c.6 0 1.14-.48 1.14-1.53c0-.96-.55-1.49-1.14-1.49m-.2 2.29c-.2 0-.31-.07-.39-.16V7.46c.08-.1.2-.16.39-.16c.3 0 .51.34.51.77s-.21.78-.51.78M14 8.08c0-.85-.41-1.52-1.2-1.52s-1.27.67-1.27 1.52c0 1 .57 1.51 1.38 1.51c.4 0 .7-.09.92-.22V8.7c-.23.11-.49.18-.82.18s-.61-.11-.65-.51h1.63v-.3Zm-1.65-.32c0-.38.23-.53.44-.53s.42.16.42.53zM7.66 6.61h.84v2.91h-.84zm-.95 0l.05.25c.2-.36.59-.29.69-.25v.76c-.1-.04-.44-.08-.63.17v1.97h-.83V6.6h.72ZM5.1 5.89l-.81.17v2.66c0 .49.37.85.86.85c.27 0 .47-.05.58-.11v-.68c-.11.04-.63.2-.63-.3V7.3h.63v-.71H5.1v-.72ZM3.13 7.28c-.18 0-.28.05-.28.18c0 .14.18.2.41.28c.37.13.86.29.86.91c0 .6-.48.94-1.17.94c-.29 0-.6-.06-.91-.19v-.79c.28.15.63.27.91.27c.19 0 .32-.05.32-.2s-.2-.23-.44-.32c-.37-.13-.83-.3-.83-.85c0-.59.45-.94 1.13-.94c.28 0 .55.04.83.15v.78c-.25-.14-.57-.21-.83-.21Z"/></svg>

Stripe アイコンの使い方

React

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

<Icon icon="formkit:stripe" width="24" />

Vue

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

<template>
  <Icon icon="formkit:stripe" width="24" />
</template>

Svelte

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

<Icon icon="formkit:stripe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[formkit--stripe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/formkit -->
<div class="i-formkit:stripe"></div>

Web コンポーネント

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

<iconify-icon icon="formkit:stripe"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/formkit/stripe.svg" alt="Stripe アイコン" width="24" height="24">

他のアイコンセットの Stripe アイコン

Stripe アイコンのよくある質問

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

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

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

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

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

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

FormKit Icons をすべて見る →