Icona Chakra UI
PNG trasparente di alta qualità di Chakra UI per web e stampa.
Codice vettoriale SVG di Chakra UI ottimizzato per sviluppatori.
Componente icona React Chakra UI pronto all'uso.
Come usare l'icona Chakra UI
Copia l'icona Chakra UI come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Chakra UI direttamente in HTML o JSX.
Componente React
Usa Chakra UI come componente icona React tipizzato.
import React from 'react';
export const ChakraUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Chakra UI con attribuzione.
Maschera CSS
Usa Chakra UI come icona maschera CSS colorabile.
.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;
}Dettagli icona Chakra UI
Colore del brand
Categoria
Sviluppo
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
554 B · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
github.comInformazioni sull'icona Chakra UI
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Chakra UI in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Chakra UI Icon Frequently Asked Questions
Prova il generatore di icone AI
Hai bisogno di un'icona completamente unica? Usa il nostro generatore SVG basato sull'intelligenza artificiale per creare icone personalizzate e professionali in pochi secondi.
Prova il generatore di icone AI