AI UI Designer Logo
AI UI Designer

Icône Barclays

Paiement#00AEEF

PNG transparent de haute qualité de Barclays pour le web et l'impression.

Code vecteur SVG optimisé de Barclays pour les développeurs.

Composant d'icône React Barclays prêt à l'emploi.

Use Barclays in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Comment utiliser l'icône Barclays

Copiez l'icône Barclays en tant que SVG inline, code React, intégration HTML ou masque CSS.

SVG Inline

Collez le SVG de Barclays directement dans votre HTML ou JSX.

Composant React

Utilisez Barclays comme un composant d'icône React typé.

import React from 'react';

export const BarclaysIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Intégration HTML

Utilisez une URL d'icône Barclays hébergée avec attribution.

Masque CSS

Utilisez Barclays comme une icône de masque CSS dont la couleur est modifiable.

.barclays-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #00aeef;
  mask: url("https://www.aiuidesigner.com/icons/barclays.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/barclays.svg") center / contain no-repeat;
}

Détails de l'icône Barclays

Couleur de la marque

#00AEEF

Catégorie

Paiement

Formats

SVG, PNG, React, HTML, masque CSS

viewBox SVG

0 0 24 24

Fichier SVG

2.3 KB · 1 tracé

Licence

Consultez la charte graphique

À propos de l'icône Barclays

L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.

Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo Barclays dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.

Mots-clés :paymentbankingbarclays

Foire aux questions sur l'icône Barclays

Design a UI with the Barclays icon

Generate a complete page that already uses this icon, color, and brand context.

Barclays Icônes similaires