AI UI Designer Logo
AI UI Designer

Ikona Prometheus

Infrastruktura#E6522C

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

Zoptymalizowany wektorowy kod SVG Prometheus dla programistów.

Gotowy do użycia komponent ikony React Prometheus.

Use Prometheus in a generated UI

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

Jak używać ikony Prometheus

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

Wbudowany SVG

Wklej SVG Prometheus bezpośrednio do HTML lub JSX.

Komponent React

Użyj Prometheus jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Prometheus

Kolor marki

#E6522C

Kategoria

Infrastruktura

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

847 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

prometheus.io

O ikonie Prometheus

icons.aboutParagraph1

Przed użyciem logo Prometheus 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:monitoringmetricsobservability

Ikona Prometheus - Najczęściej Zadawane Pytania

Design a UI with the Prometheus icon

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

Prometheus Powiązane ikony