Icône Credit Card Amex

streamline-freehand-color:credit-card-amex

L'icône Credit Card Amex (streamline-freehand-color:credit-card-amex) est une icône SVG gratuite de la collection Freehand color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Freehand color icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Argent, paiements et finance
Mots-clés: creditcard, cardamex, creditcardamex

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M23.972 13.699c.05-1.758.13-7.7-.7-9.229C21.734 1.664 1.64 4.59.88 4.64a.35.35 0 0 0 0 .69c.929-.05 17.339-2.198 21.354-.45c.729 1.268.579 7.35.529 8.789c-.05 1.438.17 3.835-.35 5.144c-.07.19-.45.25-.679.29c-1.225.124-2.46.124-3.685 0c-4.375-.1-8.39.668-12.675.658c-1.118 0-3.535.41-4.154-.659a6.24 6.24 0 0 1-.35-2.826C.84 14.618.54 7.816.67 6.148a.301.301 0 1 0-.599-.06c-.16 1.628 0 8.52 0 10.208a6.43 6.43 0 0 0 .4 3.226c.868 1.568 3.435 1.168 4.893 1.198c4.135.07 8.59-.599 12.655-.48c1.668 0 4.854.57 5.473-.998c.62-1.568.41-3.935.48-5.543"/><path fill="#020202" d="M6.783 12.001c-.12 0-.08-.759-.63-2.067c-.24-.55-.489-1.169-1.078-1.06c-.889.15-1.508 2.378-1.698 3.257l-.32.06a.303.303 0 0 0 .09.6h.1a6.8 6.8 0 0 0-.25 1.537c0 .37-.1.64.23.61c.41.16.34-.19.42-.5c.082-.497.23-.98.44-1.438c.48.095.976.095 1.457 0c.52-.08.44-.15.48 0l.39 1.678a.341.341 0 0 0 .678-.07l-.24-1.908a.351.351 0 0 0-.07-.699m-2.327 0a10 10 0 0 1 .689-1.498q.344.71.57 1.468a4.5 4.5 0 0 0-1.26.03m7.073-3.266a.61.61 0 0 0-.77 0q-.523.475-.998.999c-.21-.22-.799-.999-1.248-.999c-.45 0-.76.48-.79.999c0 .3 0-.6.2 4.365a.31.31 0 0 0 .61 0c.16-3.896.23-3.346.22-3.776c.479.57.599.74.858.81a.63.63 0 0 0 .55-.11c.08-.06.699-.81.769-.89c.14.8.18 1.628.25 2.477l.16 1.259a.344.344 0 0 0 .678-.11c-.1-2.087.1-4.525-.489-5.024m2.367 5.653h.42a12 12 0 0 0 2.207-.2c.759-.45-.16-.599-.999-.659a8 8 0 0 0-1.288-.08c.09-1.348.07-1.078.08-1.358c.499.19 1.797.13 1.777-.41c-.02-.539-1.118-.749-1.768-.549v-.55c0-.449-.509-.838.35-.998s1.259.05 1.618-.14a.333.333 0 0 0-.31-.589c-1.208-.16-1.747-.26-2.387.11s-.44 1.278-.45 1.588c-.069 2.387-.269 3.805.75 3.835m7.221-5.843c-.34-.47-.61.08-.889.41c-.448.476-.85.995-1.198 1.548l-.93-1.348c-.489-.72-.519-.65-.608-.65a.3.3 0 0 0-.31.3c0 .25.22.6.28.73q.296.848.689 1.657c.4.81.24-.34-.83 2.807a.31.31 0 0 0 .5.35q.516-.893 1.159-1.699l1.088 1.698a.341.341 0 1 0 .61-.31c0-.09-.35-.948-1-2.407c.19-.32.36-.649.55-.998c1.179-2.098 1.009-1.998.89-2.088"/></g></svg>

Comment utiliser l'icône Credit Card Amex

React

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

<Icon icon="streamline-freehand-color:credit-card-amex" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:credit-card-amex" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:credit-card-amex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--credit-card-amex]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:credit-card-amex"></div>

Web component

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

<iconify-icon icon="streamline-freehand-color:credit-card-amex"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/credit-card-amex.svg" alt="Icône Credit Card Amex" width="24" height="24">

Icônes similaires dans Freehand color icons

L'icône Credit Card Amex dans d'autres collections

FAQ : Icône Credit Card Amex

L'icône Credit Card Amex est-elle gratuite pour un usage commercial ?

Oui. Les Freehand color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Credit Card Amex dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand-color:credit-card-amex" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Credit Card Amex à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/credit-card-amex.svg" alt="Icône Credit Card Amex">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand color icons →