AI UI Designer Logo
AI UI Designer

Ikona Nomad

Infrastruktura#00CA8E

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

Zoptymalizowany wektorowy kod SVG Nomad dla programistów.

Gotowy do użycia komponent ikony React Nomad.

Use Nomad in a generated UI

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

Jak używać ikony Nomad

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

Wbudowany SVG

Wklej SVG Nomad bezpośrednio do HTML lub JSX.

Komponent React

Użyj Nomad jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Nomad

Kolor marki

#00CA8E

Kategoria

Infrastruktura

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

262 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

hashicorp.com

Wytyczne marki

hashicorp.com

O ikonie Nomad

icons.aboutParagraph1

Przed użyciem logo Nomad 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:orchestrationdevopshashicorp

Ikona Nomad - Najczęściej Zadawane Pytania

Design a UI with the Nomad icon

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

Nomad Powiązane ikony