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