American Express アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:american-express

American Express アイコン(selfhst:american-express)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: americanexpress

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M512 512H0V0h512v256z"/><path fill="#006fcf" d="M512 512v-81.1h-61.8l-31.8-35.2l-32 35.2H182.8V267h-65.7l81.5-184.5h78.6l28.1 63.2V82.5h97.3l16.9 47.6l17-47.6H512V0H0v512zm-51.4-101.6H512l-67.9-72.1l67.9-71.2h-50.5l-42 45.9l-41.6-45.9h-51.4l67.5 71.6l-67.5 71.6h49.9l42.2-46.3zm12.1-72l39.3 41.9v-83.4zm-229 38.8v-22.3h80.9v-32.3h-80.9v-22.3h82.9v-33.2h-122v143.3h122v-33.2zm229.6-130.9H512V103h-60.2l-32.1 89.2l-32-89.2h-61.2v143.3h38.7V146L402 246.3h34.4l36.8-100.5v100.5zm-190.8 0h44L263.3 103h-50.4l-63.3 143.3h43l11.9-28.7h65.9zM257 185.5h-38.9l19.4-46.9z"/></svg>

American Express アイコンの使い方

React

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

<Icon icon="selfhst:american-express" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:american-express" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:american-express" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--american-express]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:american-express"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:american-express"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/american-express.svg" alt="American Express アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの American Express アイコン

American Express アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →