Ikona Kibana
Wysokiej jakości przezroczysty plik PNG Kibana do sieci i druku.
Zoptymalizowany wektorowy kod SVG Kibana dla programistów.
Gotowy do użycia komponent ikony React Kibana.
Use Kibana in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Kibana
Skopiuj ikonę Kibana jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Kibana bezpośrednio do HTML lub JSX.
Komponent React
Użyj Kibana jako typowanego komponentu ikony React.
import React from 'react';
export const KibanaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Kibana z przypisaniem autorstwa.
Maska CSS
Użyj Kibana jako ikony maski CSS, której można zmieniać kolor.
.kibana-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #005571;
mask: url("https://www.aiuidesigner.com/icons/kibana.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/kibana.svg") center / contain no-repeat;
}Szczegóły ikony Kibana
Kolor marki
Kategoria
Infrastruktura
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
196 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
elastic.coO ikonie Kibana
icons.aboutParagraph1
Przed użyciem logo Kibana 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 Kibana - Najczęściej Zadawane Pytania
Design a UI with the Kibana icon
Generate a complete page that already uses this icon, color, and brand context.