Icône Credit Card 5

streamline-plump-color:credit-card-5

L'icône Credit Card 5 (streamline-plump-color:credit-card-5) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump 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: Plump color icons
Auteur: Streamline
Licence: CC-BY-4.0
Taille: 48 × 48
Catégorie: Argent et achats
Mots-clés: creditcard

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M44.602 16.308c-.254 1.476-1.537 2.413-3.033 2.47c-2.932.113-8.614.269-17.569.269s-14.637-.156-17.569-.268c-1.496-.058-2.779-.995-3.033-2.47C3.186 15.08 3 13.346 3 11.046s.186-4.034.398-5.261c.254-1.476 1.537-2.414 3.033-2.47c2.932-.113 8.614-.27 17.569-.27s14.637.157 17.569.27c1.496.056 2.779.994 3.033 2.47c.212 1.227.398 2.96.398 5.26c0 2.301-.186 4.035-.398 5.262Z"/><path fill="#fff" d="M36.316 9.963c1.503.125 2.645 1.38 2.66 2.889c.061 5.816.023 14.108-.34 24.612c-.094 2.684-1.99 4.904-4.665 5.145c-2.324.209-5.616.391-10.028.391c-4.388 0-7.648-.18-9.945-.388c-2.66-.24-4.54-2.449-4.632-5.118C9 26.975 8.963 18.673 9.023 12.852c.016-1.508 1.158-2.764 2.661-2.89c3.086-.256 7.158-.46 12.316-.46s9.23.204 12.316.46Z"/><path fill="#8fbffa" d="M17.221 37c-1.143 0-2.098-.787-2.165-1.928A35 35 0 0 1 15 33c0-.835.023-1.52.056-2.072C15.123 29.787 16.078 29 17.22 29h.558c1.143 0 2.098.787 2.166 1.928c.032.552.055 1.237.055 2.072s-.023 1.52-.055 2.072C19.877 36.213 18.922 37 17.779 37zM32 42.76a120 120 0 0 1-7 .236V9.504c2.624.014 4.953.08 7 .178z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M44.279 18c.186-.314.317-.672.38-1.072c.187-1.188.341-2.926.341-5.426s-.154-4.238-.34-5.426c-.247-1.563-1.536-2.497-3.113-2.617c-2.695-.203-7.972-.457-17.547-.457s-14.852.254-17.547.457c-1.577.12-2.866 1.054-3.112 2.617C3.154 7.264 3 9.002 3 11.502s.154 4.238.34 5.426c.064.4.195.758.381 1.072"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M36.316 9.963c1.503.125 2.645 1.38 2.66 2.889c.061 5.816.023 14.108-.34 24.612c-.094 2.684-1.99 4.904-4.665 5.145c-2.324.209-5.616.391-10.028.391c-4.388 0-7.648-.18-9.945-.388c-2.66-.24-4.54-2.449-4.632-5.118C9 26.975 8.963 18.673 9.023 12.852c.016-1.508 1.158-2.764 2.661-2.89c3.086-.256 7.158-.46 12.316-.46s9.23.204 12.316.46ZM25 42.997V9.505m7 33.255V9.682"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M17.221 37c-1.143 0-2.098-.787-2.165-1.928A35 35 0 0 1 15 33c0-.835.023-1.52.056-2.072C15.123 29.787 16.078 29 17.22 29h.558c1.143 0 2.098.787 2.166 1.928c.032.552.055 1.237.055 2.072s-.023 1.52-.055 2.072C19.877 36.213 18.922 37 17.779 37z"/></g></svg>

Comment utiliser l'icône Credit Card 5

React

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

<Icon icon="streamline-plump-color:credit-card-5" width="24" />

Vue

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

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

Svelte

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

<Icon icon="streamline-plump-color:credit-card-5" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-plump-color:credit-card-5"></iconify-icon>

Image HTML

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

Icônes similaires dans Plump color icons

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

FAQ : Icône Credit Card 5

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

Oui. Les Plump 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 5 dans React ?

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

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

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

Voir toutes les Plump color icons →