Chakra UI Icoon
Hoge kwaliteit Chakra UI transparante PNG voor web & print.
Geoptimaliseerde Chakra UI SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Chakra UI React-icooncomponent.
Use Chakra UI in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Chakra UI Icoon
Kopieer het Chakra UI icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Chakra UI SVG direct in HTML of JSX.
React Component
Gebruik Chakra UI als een getypeerd React-icooncomponent.
import React from 'react';
export const ChakraUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Chakra UI icoon-URL met bronvermelding.
CSS-masker
Gebruik Chakra UI als een kleurbaar CSS-masker icoon.
.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;
}Chakra UI Icoon Details
Merkkleur
Categorie
Ontwikkeling
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
554 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
github.comOver het Chakra UI Icoon
Het Chakra UI icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwikkeling en gebruikt de merkkleur #1BB2A9. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Chakra UI logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Chakra UI Icoon Veelgestelde Vragen
Design a UI with the Chakra UI icon
Generate a complete page that already uses this icon, color, and brand context.