Design et couleurs

Générer des badges SVG

Générer des badges SVG — Choisissez des dimensions ou couleurs et vérifiez le résultat. Guide de saisie: Texte du badge, Couleur de fond, Couleur. Sans inscription.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Guide de saisie: Texte du badge, Couleur de fond, Couleur.
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copier le résultat / Enregistrer le résultat.

À savoir

Vérifiez plages et unités. Les résultats dépendent de vos données et du navigateur.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Texte du badge
Saemol
Couleur de fond
#0F766E
Couleur
#FFFFFF

Résultat d’exemple

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="80" viewBox="0 0 320 80"><rect width="320" height="80" rx="16" fill="#0F766E"/><text x="160" y="40" text-anchor="middle" dominant-baseline="central" font-family="sans-serif" font-size="24" fill="#FFFFFF">Saemol</text></svg>

Outils associés

Tous les outils