outline
1. Couleur
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
2. Fond du canevas et transformations
3. Préréglages d’animation vectorielle en direct
Inclus dans l’export SVG
Icône SVG badge
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. badge - Gratuit pour usage commercial et personnel. Sans Inscription | 100% dans Votre Navigateur
Téléchargements instantanés vectoriels et haute résolution
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
badge.svg (473 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8" width="36" height="36" fill="currentColor" role="img" aria-label="Badge icon"><title>Badge - Open Iconic icon</title><desc>Free Badge vector icon from the Open Iconic open-source icon library; outline style, MIT licence, viewBox 0 0 8 8, 239 bytes.</desc> <path d="M2 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-1 4.81v3.19l1-1 1 1v-3.19c-.31.11-.65.19-1 .19s-.69-.08-1-.19z" transform="translate(2)" /> </svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? badge
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. badge
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: Open Iconic | Author: Waybury | License: MIT | Source: https://github.com/iconic/open-iconic | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#badge
#open
#iconic
#interface
#outline
badge - Specifications techniques du vecteur
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. badge
| Identifiant canonique du fichier | open-iconic/badge |
|---|---|
| Pack de bibliothèque source | Open Iconic |
| Grille de coordonnées et viewBox | viewBox="0 0 8 8" |
| Poids non compresse | 473 bytes (~260 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Upstream Source | https://github.com/iconic/open-iconic |
| Formats d’export pris en charge | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantie de sécurité et de confidentialité | Sans Inscription | 100% dans Votre Navigateur |
Comment utiliser et personnaliser cette icône: badge
- Personnaliser visuellement: Couleur, Automatique (trait et remplissage), Epaisseur du trait (
0.5px-4px), Préréglages d’animation vectorielle en direct - Télécharger le vecteur ou l’image: Télécharger SVG, PNG (transparent), WebP (optimisé) (
2048x2048 px) - Copier le code framework: Copiez du code prêt pour React, Next.js, Vue 3, Svelte, Angular, HTML et les masques CSS.
- Édition vectorielle avancee: Modifier dans l’éditeur SVG (77 087)
Conseil d’accessibilité (WCAG 2.1): Masquez les icônes décoratives avec aria-hidden et focusable false. Donnez un aria-label clair aux boutons qui ne contiennent qu’une icône. Inversez les flèches horizontalement pour les langues de droite à gauche.
badge.svg aria-hidden="true" focusable="false"
Correspondances dans d’autres bibliothèques ("badge")
Comparez cette icône avec d’autres bibliothèques vectorielles open source.
Plus dans Interface utilisateur (UI/UX)
Parcouriroutline
badge
MingCute Icons|interfacesolid
badge
MingCute Icons Fill|interfaceoutline
badge
IconPark|interfacesolid
Badge
Tabler Icons|interfaceoutline
Badge Cc
Tabler Icons|interfaceduotone
Identification Badge
Phosphor Icons|interface
Action Open With
Material Icons|interface
ID Badge
Tabler Icons|interface
Bachelor Cap One
IconPark|interface
Googlechrome
SVG Icons Collection|interface
Agriculture Seed
Domain Icons|interface
Bowknot
MingCute Icons Fill|interface
Agriculture Seed
Domain Icons|interface
cœur
SVG Icons Collection|interface
Microphone
Heroicons|interface
Numbered List
Heroicons|interface
Intel
SVG Icons Collection|interface
Butterfly
Mouse|interface
Action Opacity
Material Icons|interface
Camcorder
MingCute Icons|interface
Action Paid
Material Icons|interface
Calendar Minus
Lucide|interface
Bow
IconPark|interface
Ticket
Heroicons|interfaceVoir plus
Questions fréquentes
badge - Questions fréquentes
Quelle licence couvre badge ? +
badge provient de Open Iconic et est couvert par MIT. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger badge ? +
badge est un vecteur de style outline (viewBox 0 0 8 8). Téléchargez SVG, PNG, WebP ou ICO, ou copiez le code React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 depuis cette page.
D'où vient l'icône badge ? +
badge fait partie de la bibliothèque Open Iconic par Waybury, dans la catégorie Interface utilisateur (UI/UX). Le texte complet de la licence se trouve dans le fichier d'avis de la bibliothèque lié sur cette page.
100% dans Votre Navigateur | 77 087 icônes
Éditeur SVG
Modifiez les chemins, les calques, les couleurs et les animations dans votre navigateur, puis exportez du SVG propre, du PNG ou du code.