Ikon Headless UI
PNG transparan Headless UI berkualitas tinggi untuk web & cetak.
Kode vektor SVG Headless UI yang dioptimalkan untuk pengembang.
Komponen ikon React Headless UI yang siap digunakan.
Use Headless UI in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Headless UI
Salin ikon Headless UI sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Headless UI langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Headless UI sebagai komponen ikon React yang bertipe.
import React from 'react';
export const HeadlessUIIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Headless UI yang di-host dengan atribusi.
CSS Mask
Gunakan Headless UI sebagai ikon CSS mask yang warnanya bisa diubah.
.headlessui-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #66e3ff;
mask: url("https://www.aiuidesigner.com/icons/headlessui.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/headlessui.svg") center / contain no-repeat;
}Detail Ikon Headless UI
Warna merek
Kategori
Desain
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
1.4 KB · 1 path
Lisensi
Periksa panduan merek
Sumber
headlessui.devTentang Ikon Headless UI
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Headless UI dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Headless UI Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Headless UI icon
Generate a complete page that already uses this icon, color, and brand context.