Icône Chakra UI
PNG transparent de haute qualité de Chakra UI pour le web et l'impression.
Code vecteur SVG optimisé de Chakra UI pour les développeurs.
Composant d'icône React Chakra UI prêt à l'emploi.
Comment utiliser l'icône Chakra UI
Copiez l'icône Chakra UI en tant que SVG inline, code React, intégration HTML ou masque CSS.
SVG Inline
Collez le SVG de Chakra UI directement dans votre HTML ou JSX.
Composant React
Utilisez Chakra UI comme un composant d'icône React typé.
import React from 'react';
export const ChakraUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Intégration HTML
Utilisez une URL d'icône Chakra UI hébergée avec attribution.
Masque CSS
Utilisez Chakra UI comme une icône de masque CSS dont la couleur est modifiable.
.chakraui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #1bb2a9;
mask: url("https://www.aiuidesigner.com/icons/chakraui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/chakraui.svg") center / contain no-repeat;
}Détails de l'icône Chakra UI
Couleur de la marque
Catégorie
Développement
Formats
SVG, PNG, React, HTML, masque CSS
viewBox SVG
0 0 24 24
Fichier SVG
554 B · 1 tracé
Licence
Consultez la charte graphique
Source
github.comÀ propos de l'icône Chakra UI
L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.
Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo Chakra UI dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.
Foire aux questions sur l'icône Chakra UI
Essayer le générateur d'icônes IA
Besoin d'une icône complètement unique ? Utilisez notre générateur SVG basé sur l'IA pour créer des icônes personnalisées et professionnelles en quelques secondes.
Essayer le générateur d'icônes IA