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