Ikona Supabase
Wysokiej jakości przezroczysty plik PNG Supabase do sieci i druku.
Zoptymalizowany wektorowy kod SVG Supabase dla programistów.
Gotowy do użycia komponent ikony React Supabase.
Use Supabase in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Supabase
Skopiuj ikonę Supabase jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Supabase bezpośrednio do HTML lub JSX.
Komponent React
Użyj Supabase jako typowanego komponentu ikony React.
import React from 'react';
export const SupabaseIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Supabase z przypisaniem autorstwa.
Maska CSS
Użyj Supabase jako ikony maski CSS, której można zmieniać kolor.
.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;
}Szczegóły ikony Supabase
Kolor marki
Kategoria
Baza Danych
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
303 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
github.comO ikonie Supabase
icons.aboutParagraph1
Przed użyciem logo Supabase w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Supabase - Najczęściej Zadawane Pytania
Design a UI with the Supabase icon
Generate a complete page that already uses this icon, color, and brand context.