Stripe アイコン

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

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

lineicons:stripe

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

アイコンセット: Lineicons
作者: Lineicons
ライセンス: 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="m12.828 9.013l-1.394.295V8.192l1.394-.29z"/><path fill="currentColor" fill-rule="evenodd" d="M15.728 9.631a1.58 1.58 0 0 0-1.088.427l-.073-.34h-1.222v6.379l1.389-.29l.005-1.548c.2.142.495.345.984.345c.994 0 1.9-.788 1.9-2.522c-.006-1.587-.922-2.451-1.895-2.451m-.333 3.77c-.328 0-.522-.116-.655-.258l-.006-2.03c.144-.158.344-.268.661-.268c.506 0 .856.558.856 1.275c0 .733-.345 1.28-.856 1.28M22 12.136c0-1.4-.689-2.505-2.006-2.505c-1.322 0-2.122 1.105-2.122 2.495c0 1.646.945 2.478 2.3 2.478c.661 0 1.161-.148 1.54-.356v-1.094c-.379.186-.812.3-1.362.3c-.539 0-1.017-.185-1.078-.83h2.717l.004-.178c.003-.108.007-.234.007-.31m-2.744-.52c0-.617.383-.874.733-.874c.339 0 .7.257.7.875z" clip-rule="evenodd"/><path fill="currentColor" d="M12.828 9.724h-1.394v4.787h1.394zm-2.978 0l.088.405c.328-.59.978-.47 1.156-.405v1.258c-.172-.06-.728-.137-1.055.285v3.244h-1.39V9.724zM7.162 8.537l-1.356.285l-.005 4.381c0 .81.616 1.406 1.439 1.406c.455 0 .788-.082.972-.18v-1.11c-.178.07-1.056.322-1.056-.488V10.89h1.056V9.724H7.156zm-3.284 2.281c-.295 0-.472.082-.472.296c0 .232.306.335.685.462c.619.207 1.433.48 1.437 1.49c0 .98-.795 1.543-1.95 1.543c-.478 0-1-.093-1.517-.312v-1.302c.467.252 1.056.438 1.517.438c.311 0 .533-.082.533-.334c0-.258-.331-.376-.732-.518C2.77 12.364 2 12.09 2 11.179c0-.968.75-1.548 1.878-1.548c.461 0 .917.071 1.378.252v1.285a3.14 3.14 0 0 0-1.378-.35"/></svg>

Stripe アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Lineicons をすべて見る →