AI UI Designer Logo
AI UI Designer

Ikona Airbyte

Baza Danych#615EFF

Wysokiej jakości przezroczysty plik PNG Airbyte do sieci i druku.

Zoptymalizowany wektorowy kod SVG Airbyte dla programistów.

Gotowy do użycia komponent ikony React Airbyte.

Use Airbyte in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Jak używać ikony Airbyte

Skopiuj ikonę Airbyte jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.

Wbudowany SVG

Wklej SVG Airbyte bezpośrednio do HTML lub JSX.

Komponent React

Użyj Airbyte jako typowanego komponentu ikony React.

import React from 'react';

export const AirbyteIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Osadzanie HTML

Użyj hostowanego adresu URL ikony Airbyte z przypisaniem autorstwa.

Maska CSS

Użyj Airbyte jako ikony maski CSS, której można zmieniać kolor.

.airbyte-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #615eff;
  mask: url("https://www.aiuidesigner.com/icons/airbyte.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/airbyte.svg") center / contain no-repeat;
}

Szczegóły ikony Airbyte

Kolor marki

#615EFF

Kategoria

Baza Danych

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

1.4 KB · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

airbyte.com

O ikonie Airbyte

icons.aboutParagraph1

Przed użyciem logo Airbyte 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.

Tagi:databaseetlairbyte

Ikona Airbyte - Najczęściej Zadawane Pytania

Design a UI with the Airbyte icon

Generate a complete page that already uses this icon, color, and brand context.

Airbyte Powiązane ikony