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