Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
Record - Icônes vectorielles et 3D
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. Record - Gratuit pour usage commercial et personnel. Sans Inscription | 100% dans Votre Navigateur
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-record" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Record icon"><title>Record - Bootstrap Icons icon</title><desc>Free Record vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0 1A5 5 0 1 0 8 3a5 5 0 0 0 0 10"/> </svg>
Vous voulez améliorer ou restyler cette icône ? Record
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. Record
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sans Inscription | 100% dans Votre Navigateur
Record - 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. Record
| Identifiant canonique du fichier | bootstrap/bootstrap-regular-record |
|---|---|
| Pack de bibliotheque source | Bootstrap Icons |
| Grille de coordonnées et viewBox | viewBox="0 0 16 16" |
| Poids non compresse | 432 bytes (~238 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| 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: Record
- 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 (optimise) (
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 (76,166)
bootstrap-regular-record.svg aria-hidden="true" focusable="false"
Plus dans Interface utilisateur (UI/UX)
ParcourirLight Prohibit Inset Light
Phosphor Icons|interfaceOutline Square Rounded Plus
Tabler Icons|interfaceLight Prohibit Light
Phosphor Icons|interfaceOutline Square Rounded X
Tabler Icons|interfaceOutline Square Rounded
Tabler Icons|interfaceLight Projector Screen Light
Phosphor Icons|interfaceOutline Square Toggle Horizontal
Tabler Icons|interfaceOutline Square Toggle
Tabler Icons|interfaceOutline Square X
Tabler Icons|interfaceOutline Square
Tabler Icons|interfaceOutline Squares Diagonal
Tabler Icons|interfaceVoir plus
Record - Questions fréquentes
L icône SVG Record est-elle gratuite pour un usage commercial ? +
Oui. L icône Record de la collection Bootstrap Icons est publiée sous licence MIT pour vos projets web et commerciaux.
L icône Record conserve-t-elle ses couleurs par défaut au téléchargement ? +
Oui, Record garde ses couleurs d’origine sauf si vous sélectionnez une nouvelle couleur dans l’éditeur.
Comment intégrer l’icône Record dans React ou Vue ? +
Ouvrez l’onglet React TSX ou Vue 3 sur cette page et cliquez sur Copy SVG. Collez le composant dans votre projet et stylez-le avec CSS ou Tailwind.
Puis-je télécharger Record en PNG transparent ? +
Oui, sélectionnez une taille jusqu’à 2048 px et cliquez sur Télécharger PNG.
Comment animer l’icône Record en CSS ? +
Cliquez sur une animation comme Rotation ou Pulsation dans l’éditeur pour inclure les keyframes CSS.
Puis-je créer un prompt IA pour l’icône Record ? +
Oui, utilisez le générateur de prompt IA sur cette page pour obtenir une description prête pour Midjourney ou DALL-E.
Puis-je redimensionner l’icône Record sans perdre en qualité ? +
Oui. Le fichier Record est un vecteur avec un viewBox extensible : il reste net à 16px, 64px, 512px ou en impression.
Où signaler un problème avec le fichier Record ? +
Écrivez à support@svgnexus.com avec l’adresse de l’icône. Les questions de licence pour Record vont à legal@svgnexus.com.
É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.