Ikon Ansible
PNG transparan Ansible berkualitas tinggi untuk web & cetak.
Kode vektor SVG Ansible yang dioptimalkan untuk pengembang.
Komponen ikon React Ansible yang siap digunakan.
Use Ansible in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Ansible
Salin ikon Ansible sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Ansible langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Ansible sebagai komponen ikon React yang bertipe.
import React from 'react';
export const AnsibleIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Ansible yang di-host dengan atribusi.
CSS Mask
Gunakan Ansible sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Ansible
Warna merek
Kategori
Infrastruktur
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
440 B · 1 path
Lisensi
Periksa panduan merek
Sumber
ansible.comTentang Ikon Ansible
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Ansible dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Ansible Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Ansible icon
Generate a complete page that already uses this icon, color, and brand context.