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
Bootstrap Icons
|
Interface utilisateur (UI/UX)
|
viewBox="0 0 16 16"
|
Gratuit pour usage commercial
Icône SVG 7 Circle
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. 7 Circle - 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.
Archive avec crédits
bootstrap-regular-7-circle.svg (510 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-7-circle" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="7 Circle icon"><title>7 Circle - Bootstrap Icons icon</title><desc>Free 7 Circle vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 279 bytes.</desc> <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/> </svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? 7 Circle
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. 7 Circle
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#bootstrap
#regular
#circle
#interface
#outline
7 Circle - 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. 7 Circle
| Identifiant canonique du fichier | bootstrap/bootstrap-regular-7-circle |
|---|---|
| Pack de bibliothèque source | Bootstrap Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 16 16" |
| Poids non compresse | 510 bytes (~281 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Upstream Source | https://github.com/twbs/icons |
| 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: 7 Circle
- 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.
bootstrap-regular-7-circle.svg aria-hidden="true" focusable="false"
Plus dans Interface utilisateur (UI/UX)
Parcouriroutline
Align Left
Phosphor Icons|interfaceoutline
Content Remove Circle
Material Icons|interfacesolid
Circle Dot
Tabler Icons|interfacesolid
Circle Letter F
Tabler Icons|interfacesolid
Viewfinder Circle
Heroicons|interface
Circle House
IconPark|interface
Circle Two
IconPark|interface
X Circle
Heroicons|interface
Maps Run Circle
Material Icons|interface
Building
Phosphor Icons|interface
Circle Dotted Letter V
Tabler Icons|interface
Science Magnet
Domain Icons|interface
Social Safety Divider
Material Icons|interface
Sustainability Leaf
Domain Icons|interface
Sustainability Recycle
Domain Icons|interface
Align Left
Open Iconic|interface
Airpods
MingCute Icons Fill|interface
fermer
Bytesize Icons|interface
Bandaids
SVG Icons Collection|interface
Ampersands
Lucide|interface
Alipay
MingCute Icons|interface
Angel
MingCute Icons Fill|interface
Aquarius
MingCute Icons Fill|interfaceVoir plus
Questions fréquentes
7 Circle - Questions fréquentes
Quelle licence couvre 7 Circle ? +
7 Circle provient de Bootstrap Icons et est couvert par MIT. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger 7 Circle ? +
7 Circle est un vecteur de style outline (viewBox 0 0 16 16). 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 7 Circle ? +
7 Circle fait partie de la bibliothèque Bootstrap Icons par The Bootstrap Authors, 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.