Pictogrammes ​

Illustrations SVG vectorielles avec gradient de marque b.connect.

Usage & regles ​

  • Gradient de marque : #FF5B00 → #FF0254 (pente 135°)
  • Couleur secondaire : #2C3550 (fond, contours)
  • Taille minimale : 48px (sm)
  • Contexte : illustrations d'etats vides, onboarding, icones hero
sm (48px) · md (64px) · lg (80px) · xl (96px)
vue
<BcPictogram name="rocket" size="sm" />   <!-- 48px -->
<BcPictogram name="rocket" size="md" />   <!-- 64px -->
<BcPictogram name="rocket" size="lg" />   <!-- 80px -->
<BcPictogram name="rocket" size="xl" />   <!-- 96px -->
<BcPictogram name="rocket" :customSize="120" /> <!-- taille libre -->

Galerie — Finance & Conformite ​

bank
shield-check
document
kyc
risk

Galerie — Identite & Utilisateurs ​

person
team
id-card

Galerie — Navigation & Actions ​

search
settings
download
onboarding

Galerie — Communication ​

email
chat
3bell

Galerie — Donnees & Analytique ​

chart-bar
35%chart-pie
chart-line
monitoring

Galerie — Statuts & Validation ​

check
warning
clock
lock
unlock

Galerie — Bonus & Engagement ​

lightning
handshake
celebration
lightbulb
target
trophy
key
globe
rocket
heart
star

Props de BcPictogram ​

PropTypeDefaultDescription
namePictogramName—Nom du pictogramme (requis)
size"sm" | "md" | "lg" | "xl""md"Taille predeterminee
customSizenumber—Taille en px (ecrase size)
ariaLabelstringLabel du pictogrammeLabel accessible personnalise
ariaHiddenbooleanfalseMasquer aux technologies d'assistance

Accessibilite ​

vue
<!-- Pictogramme decoratif : masquer aux lecteurs d'ecran -->
<BcPictogram name="rocket" aria-hidden />

<!-- Pictogramme informatif : fournir un label explicite -->
<BcPictogram name="shield-check" aria-label="Compte verifie" />