Stripe アイコン
icons8:stripe
Stripe アイコン(icons8:stripe)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 10 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 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.565 0 1 .435 1 1v14c0 .565-.435 1-1 1H5c-.565 0-1-.435-1-1V9c0-.565.435-1 1-1m11.5 3.438a.834.834 0 0 0-.844.843c0 .47.37.846.844.846a.84.84 0 0 0 .844-.844a.837.837 0 0 0-.844-.842zm-5.438.75l-1.374.218l-.188 1.22l-.5.093l-.188 1.123H9.5v2.344c0 .61.15 1.022.47 1.28c.265.215.647.313 1.186.313c.416 0 .67-.078.844-.124v-1.25c-.097.026-.32.063-.47.063c-.317 0-.467-.163-.467-.533v-2.094h.843l.188-1.22h-1.03l-.002-1.437zM6.907 13.53c-.546 0-1.018.142-1.343.408c-.338.278-.5.7-.5 1.187c0 .883.53 1.244 1.406 1.563c.564.2.75.34.75.562c0 .214-.17.344-.5.344c-.41 0-1.09-.21-1.532-.47L5 18.344c.377.215 1.085.438 1.813.438c.578 0 1.05-.114 1.375-.374c.364-.286.562-.736.562-1.28c0-.904-.547-1.277-1.438-1.595c-.474-.174-.75-.285-.75-.5c0-.18.14-.31.407-.31c.485 0 .997.205 1.342.374l.187-1.22a3.7 3.7 0 0 0-1.595-.343zm13.813 0c-.47 0-.9.217-1.282.626l-.063-.53h-1.438v6.937l1.625-.282V18.69c.247.078.492.094.72.094c.402 0 .982-.1 1.437-.593c.433-.475.654-1.19.654-2.157c0-.856-.145-1.52-.47-1.936c-.285-.37-.68-.563-1.186-.563zm4.218 0c-1.37 0-2.22 1.034-2.22 2.658c0 .91.21 1.596.657 2.03c.403.39 1.004.563 1.75.563c.688 0 1.317-.137 1.72-.404l-.19-1.125a2.84 2.84 0 0 1-1.374.345c-.31 0-.53-.083-.685-.22c-.17-.142-.248-.355-.282-.686h2.657c.008-.08.03-.447.03-.564c0-.805-.186-1.458-.53-1.906c-.352-.456-.863-.69-1.532-.69zM15 13.564a.99.99 0 0 0-.97.687l-.092-.624H12.53v5.063h1.626v-3.283c.2-.247.485-.344.875-.344c.086 0 .17.013.284.032v-1.5a1.4 1.4 0 0 0-.313-.03zm.688.062v5.063h1.624v-5.064zm9.218 1c.364 0 .568.348.594 1.063h-1.188c.046-.723.224-1.064.594-1.064zm-4.75.156c.41 0 .625.42.625 1.283c.003.492-.07.896-.217 1.156c-.13.247-.328.375-.562.375a1 1 0 0 1-.437-.094v-2.405c.273-.286.504-.313.594-.313z"/></svg>
Stripe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:stripe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:stripe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:stripe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--stripe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:stripe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:stripe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icons8/stripe.svg" alt="Stripe アイコン" width="24" height="24">
Stripe アイコン のよくある質問
Stripe アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stripe アイコンを使うには?
@iconify/react をインストールして <Icon icon="icons8:stripe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stripe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/stripe.svg" alt="Stripe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Icons8 Windows 10 Icons をすべて見る →
ICONYZ
