Ikon Chakra UI
PNG transparan Chakra UI berkualitas tinggi untuk web & cetak.
Kode vektor SVG Chakra UI yang dioptimalkan untuk pengembang.
Komponen ikon React Chakra UI yang siap digunakan.
Cara menggunakan Ikon Chakra UI
Salin ikon Chakra UI sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Chakra UI langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Chakra UI sebagai komponen ikon React yang bertipe.
import React from 'react';
export const ChakraUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Chakra UI yang di-host dengan atribusi.
CSS Mask
Gunakan Chakra UI sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Chakra UI
Warna merek
Kategori
Pengembangan
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
554 B · 1 path
Lisensi
Periksa panduan merek
Sumber
github.comTentang Ikon Chakra UI
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Chakra UI dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Chakra UI Ikon Pertanyaan yang Sering Diajukan
Coba AI Icon Generator
Butuh ikon yang benar-benar unik? Gunakan SVG Generator bertenaga AI kami untuk membuat ikon kustom profesional dalam hitungan detik.
Coba AI Icon Generator