AI UI Designer Logo
AI UI Designer

Ikona Elastic

Infrastruktura#005571

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

Zoptymalizowany wektorowy kod SVG Elastic dla programistów.

Gotowy do użycia komponent ikony React Elastic.

Use Elastic in a generated UI

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

Jak używać ikony Elastic

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

Wbudowany SVG

Wklej SVG Elastic bezpośrednio do HTML lub JSX.

Komponent React

Użyj Elastic jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Elastic

Kolor marki

#005571

Kategoria

Infrastruktura

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

1.1 KB · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

elastic.co

O ikonie Elastic

icons.aboutParagraph1

Przed użyciem logo Elastic 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:searchobservabilitydatabase

Ikona Elastic - Najczęściej Zadawane Pytania

Design a UI with the Elastic icon

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

Elastic Powiązane ikony