AI UI Designer Logo
AI UI Designer

Ikona Ansible

Infrastruktura#EE0000

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

Zoptymalizowany wektorowy kod SVG Ansible dla programistów.

Gotowy do użycia komponent ikony React Ansible.

Use Ansible in a generated UI

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

Jak używać ikony Ansible

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

Wbudowany SVG

Wklej SVG Ansible bezpośrednio do HTML lub JSX.

Komponent React

Użyj Ansible jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Ansible

Kolor marki

#EE0000

Kategoria

Infrastruktura

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

440 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

ansible.com

O ikonie Ansible

icons.aboutParagraph1

Przed użyciem logo Ansible 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:automationdevopsinfrastructure

Ikona Ansible - Najczęściej Zadawane Pytania

Design a UI with the Ansible icon

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

Ansible Powiązane ikony