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