ICONYZ
Bahasa Indonesia
Ikon American Express dari Fontisto

Ikon American Express

fontisto:american-express

Ikon American Express (fontisto:american-express) adalah ikon SVG gratis dari set Fontisto karya Kenan Gündoğan. Ikon ini digambar pada grid 36 × 24. Fontisto icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Fontisto
Pembuat
Kenan Gündoğan
Lisensi
MIT
Ukuran
36 × 24
Kategori
Pembayaran
Tag
americanexpress
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24"><path fill="currentColor" d="M33.6 24H2.4A2.4 2.4 0 0 1 0 21.6V11.504h1.729l.39-.944h.873l.389.94h3.402v-.715l.304.72h1.766l.304-.732v.73h8.453V9.959h.16c.114.004.147.014.147.204v1.342h4.373v-.359c.447.227.974.36 1.533.36l.095-.001h-.005h1.84l.394-.94h.873l.385.94h3.546v-.894l.536.894h2.836V5.601h-2.807v.697l-.393-.697h-2.886v.697l-.361-.697h-3.897a3.5 3.5 0 0 0-1.709.353l.021-.009v-.344h-2.688v.344a1.63 1.63 0 0 0-1.149-.343h.006h-9.823l-.659 1.525l-.677-1.525H4.207v.697l-.341-.697h-2.64l-1.223 2.8v-6a2.4 2.4 0 0 1 2.4-2.4h31.2a2.4 2.4 0 0 1 2.4 2.4v10.48H34.13q-.047-.002-.101-.002c-.434 0-.837.13-1.173.353l.008-.005v-.346h-2.77a1.92 1.92 0 0 0-1.215.349l.006-.004v-.346h-4.946v.346a2.7 2.7 0 0 0-1.327-.346h-.039h.002h-3.263v.346a2.25 2.25 0 0 0-1.436-.345l.009-.001h-3.651l-.836.904l-.782-.904H7.162v5.908h5.352l.861-.918l.811.918h3.299v-1.383h.46a3.2 3.2 0 0 0 1.296-.217l-.022.008v1.594h2.72v-1.539h.131c.166 0 .183.006.183.174v1.366h8.266l.101.002c.474 0 .916-.142 1.284-.385l-.009.005v.378h2.622l.125.002c.491 0 .958-.101 1.382-.284l-.023.009v3.082a2.4 2.4 0 0 1-2.4 2.4zm-12.495-6.039h-1.018v-4.235h2.336a2.45 2.45 0 0 1 1.233.206l-.016-.006c.313.172.522.5.522.876l-.002.067v-.003l.001.038c0 .486-.293.904-.713 1.086l-.008.003c.201.072.369.195.494.354l.002.002a1.23 1.23 0 0 1 .168.779l.001-.006v.838h-1.016v-.53a1.2 1.2 0 0 0-.163-.834l.003.005a.98.98 0 0 0-.748-.187l.006-.001h-1.082v1.547zm0-3.36v.951h1.23a.97.97 0 0 0 .506-.09l-.006.003a.46.46 0 0 0 .21-.385l-.001-.023v.001a.4.4 0 0 0-.207-.38l-.002-.001a1 1 0 0 0-.484-.08h.004zM12.08 17.96H8.073v-4.234h4.07l1.245 1.388l1.287-1.388h3.233c1.148 0 1.706.457 1.706 1.395c0 .955-.577 1.419-1.76 1.419h-1.265v1.419h-1.967l-1.246-1.399zm3.501-3.78l-1.554 1.67l1.554 1.724zm-6.499 2.055v.842h2.488l1.15-1.242l-1.106-1.234H9.081v.77h2.222v.863zm7.507-1.633v1.078h1.307c.4 0 .63-.204.63-.56c0-.34-.214-.519-.619-.519zm18.038 3.36h-1.954v-.91h1.946a.56.56 0 0 0 .411-.106l-.001.001a.37.37 0 0 0 .119-.273v-.016a.35.35 0 0 0-.123-.266a.5.5 0 0 0-.358-.094h.002l-.187-.006c-.914-.024-1.949-.052-1.949-1.305c0-.61.382-1.261 1.451-1.261h2.017v.902h-1.845a.7.7 0 0 0-.412.082l.004-.002a.33.33 0 0 0-.147.302v-.001v.011a.32.32 0 0 0 .22.304l.002.001a1.1 1.1 0 0 0 .392.048h-.003l.549.014a1.58 1.58 0 0 1 1.151.343l-.003-.002q.045.036.079.079l.001.001l.012 1.612a1.58 1.58 0 0 1-1.381.541zm-3.949 0h-1.972v-.91h1.962a.58.58 0 0 0 .415-.106l-.002.001a.37.37 0 0 0 .118-.273v-.01a.36.36 0 0 0-.123-.272a.53.53 0 0 0-.363-.094h.002l-.186-.006c-.911-.024-1.945-.052-1.945-1.305c0-.61.38-1.261 1.447-1.261h2.028v.902h-1.856a.7.7 0 0 0-.409.082l.004-.002a.354.354 0 0 0 .066.619l.002.001a1.1 1.1 0 0 0 .397.048h-.003l.545.014a1.6 1.6 0 0 1 1.158.344l-.003-.003a1.18 1.18 0 0 1 .302.901v-.005c.003.883-.532 1.333-1.587 1.333zm-2.578 0h-3.38v-4.237h3.377v.875H25.73v.77h2.312v.863H25.73v.842l2.37.004v.88zm1.97-7.286h-2.061l-.394-.944h-2.102l-.382.944h-1.184a2.18 2.18 0 0 1-1.472-.471l.005.003a2.12 2.12 0 0 1-.54-1.625l-.001.008a2.2 2.2 0 0 1 .548-1.657l-.002.002a2.03 2.03 0 0 1 1.545-.492l-.008-.001h.98v.903h-.96a.96.96 0 0 0-.78.251l.001-.001a1.4 1.4 0 0 0-.291.964v-.005a1.46 1.46 0 0 0 .281.998l-.003-.004a.98.98 0 0 0 .709.218h-.004h.454l1.431-3.33h1.52l1.713 4v-4h1.541l1.778 2.948V6.437h1.04v4.232h-1.444l-1.92-3.178v3.178zm-3.499-3.518l-.697 1.688h1.397zm-9.799 3.516H15.76V6.44h2.328a2.36 2.36 0 0 1 1.241.209l-.015-.006a1 1 0 0 1 .514.871l-.002.07v-.003v.031a1.2 1.2 0 0 1-.706 1.094l-.008.003c.201.076.37.198.499.354l.002.002a1.2 1.2 0 0 1 .167.783l.001-.006v.831H18.76l-.004-.534v-.08a1.1 1.1 0 0 0-.163-.749l.003.005a1 1 0 0 0-.744-.181l.006-.001h-1.085v1.54zm0-3.353v.94H18a.9.9 0 0 0 .505-.09l-.005.002a.44.44 0 0 0 .21-.373l-.001-.028v.001a.39.39 0 0 0-.211-.373l-.002-.001a1 1 0 0 0-.483-.08h.003zM6.056 10.674H4l-.389-.944H1.503l-.392.944h-1.1L1.824 6.44h1.503l1.721 4.007V6.44h1.651l1.324 2.871L9.24 6.44h1.685v4.232h-1.04L9.883 7.36l-1.467 3.313h-.888L6.057 7.355v3.318zM2.552 7.158l-.689 1.688h1.382zm18.888 3.515h-1.032V6.44h1.033v4.232zm-6.386 0H11.68V6.44h3.38v.88h-2.368v.763h2.311v.869H12.69v.846h2.368v.874z"/></svg>

Cara memakai ikon American Express

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fontisto/american-express.svg" alt="Ikon American Express" width="24" height="24">

Ikon terkait di Fontisto

Ikon American Express di set ikon lain

FAQ Ikon American Express

Apakah ikon American Express gratis untuk penggunaan komersial?

Ya. Fontisto icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon American Express di React?

Pasang @iconify/react lalu render <Icon icon="fontisto:american-express" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon American Express ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fontisto/american-express.svg" alt="Ikon American Express">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fontisto →