Apple Pay アイコン
cib:apple-pay
Apple Pay アイコン(cib:apple-pay)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- applepay
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5.849 11.047c-.376.448-.975.803-1.573.751c-.079-.604.219-1.251.563-1.652c.375-.457 1.031-.785 1.563-.812c.063.631-.183 1.251-.552 1.713zm.547.87c-.869-.053-1.615.499-2.027.499c-.421 0-1.052-.473-1.739-.457c-.891.011-1.724.52-2.177 1.339c-.943 1.629-.245 4.041.661 5.369c.443.656.973 1.375 1.672 1.355c.661-.027.927-.437 1.724-.437c.807 0 1.036.437 1.74.421c.723-.011 1.181-.656 1.624-1.312c.505-.745.713-1.475.724-1.511c-.011-.016-1.401-.552-1.411-2.167c-.011-1.355 1.093-2 1.14-2.037c-.62-.937-1.599-1.036-1.932-1.061zm5.016-1.834v9.855h1.515v-3.369h2.095c1.911 0 3.255-1.328 3.255-3.245c0-1.921-1.317-3.24-3.203-3.24zm1.515 1.292h1.745c1.312 0 2.063.708 2.063 1.953s-.751 1.959-2.073 1.959h-1.735zm8.109 8.636c.953 0 1.833-.484 2.235-1.256h.032v1.183h1.4v-4.907c0-1.416-1.124-2.337-2.859-2.337c-1.604 0-2.792.932-2.833 2.208h1.359c.115-.609.667-1.005 1.433-1.005c.927 0 1.443.437 1.443 1.24v.541l-1.885.115c-1.761.109-2.709.833-2.709 2.099c0 1.276.98 2.12 2.385 2.12zm.412-1.167c-.808 0-1.323-.391-1.323-.989c0-.62.495-.985 1.437-1.043l1.683-.104v.557c0 .923-.776 1.579-1.803 1.579zm5.125 3.776c1.473 0 2.167-.573 2.771-2.297L32 12.792h-1.536l-1.781 5.817h-.032l-1.781-5.817h-1.583l2.563 7.172l-.136.437c-.235.735-.609 1.02-1.276 1.02c-.12 0-.349-.015-.443-.025v1.183c.088.025.464.036.573.036z"/></svg>
Apple Pay アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:apple-pay" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:apple-pay" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:apple-pay" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--apple-pay]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:apple-pay"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:apple-pay"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/apple-pay.svg" alt="Apple Pay アイコン" width="24" height="24">
他のアイコンセットの Apple Pay アイコン
Apple Pay アイコン のよくある質問
Apple Pay アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Pay アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:apple-pay" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Pay アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/apple-pay.svg" alt="Apple Pay アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
