Stripe アイコン
la:stripe
Stripe アイコン(la:stripe)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 支払い・ショッピング
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5 6C3.355 6 2 7.355 2 9v14c0 1.645 1.355 3 3 3h22c1.645 0 3-1.355 3-3V9c0-1.645-1.355-3-3-3zm0 2h22c.566 0 1 .434 1 1v14c0 .566-.434 1-1 1H5c-.566 0-1-.434-1-1V9c0-.566.434-1 1-1m11.5 3.438a.835.835 0 0 0-.844.843c0 .469.371.844.844.844a.84.84 0 0 0 .844-.844a.84.84 0 0 0-.844-.844zm-5.438.75l-1.374.218l-.188 1.219l-.5.094l-.188 1.125H9.5v2.344c0 .609.152 1.023.469 1.28c.265.216.648.313 1.187.313c.414 0 .668-.078.844-.125v-1.25c-.098.028-.32.063-.469.063c-.316 0-.469-.16-.469-.532v-2.093h.844l.188-1.219h-1.031zM6.907 13.53c-.547 0-1.02.14-1.343.406c-.34.278-.5.7-.5 1.188c0 .883.527 1.246 1.406 1.563c.566.199.75.34.75.562c0 .215-.168.344-.5.344c-.41 0-1.09-.207-1.532-.469L5 18.344c.379.215 1.086.437 1.813.437c.578 0 1.05-.113 1.375-.375c.363-.285.562-.734.562-1.281c0-.902-.547-1.277-1.438-1.594c-.472-.176-.75-.285-.75-.5c0-.183.141-.312.407-.312c.488 0 1 .207 1.343.375l.188-1.219a3.7 3.7 0 0 0-1.594-.344zm13.813 0c-.469 0-.899.215-1.282.625l-.062-.531h-1.438v6.938l1.625-.282v-1.593c.247.078.493.093.72.093c.402 0 .984-.101 1.437-.593c.433-.473.656-1.188.656-2.157c0-.855-.145-1.523-.469-1.937c-.285-.371-.68-.563-1.187-.563m4.218 0c-1.37 0-2.218 1.031-2.218 2.656c0 .91.207 1.598.656 2.032c.402.39 1.004.562 1.75.562c.688 0 1.316-.14 1.719-.406l-.188-1.125a2.85 2.85 0 0 1-1.375.344c-.312 0-.531-.082-.687-.219c-.168-.145-.25-.355-.282-.688h2.657c.008-.078.031-.445.031-.562c0-.805-.188-1.457-.531-1.906c-.352-.453-.864-.688-1.532-.688M15 13.562a.99.99 0 0 0-.969.688l-.094-.625h-1.406v5.063h1.625v-3.282c.2-.246.485-.344.875-.344c.086 0 .172.012.281.032v-1.5a1.3 1.3 0 0 0-.312-.031zm.688.063v5.063h1.624v-5.063zm9.218 1c.364 0 .567.348.594 1.063h-1.188c.047-.723.223-1.063.594-1.063m-4.75.156c.41 0 .625.418.625 1.281c0 .493-.07.895-.218 1.157c-.13.246-.329.375-.563.375a.95.95 0 0 1-.438-.094v-2.406c.274-.285.504-.313.594-.313"/></svg>
Stripe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:stripe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:stripe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:stripe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--stripe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:stripe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:stripe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/stripe.svg" alt="Stripe アイコン" width="24" height="24">
Stripe アイコン のよくある質問
Stripe アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stripe アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:stripe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stripe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/stripe.svg" alt="Stripe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
