Ikon Home Assistant
PNG transparan Home Assistant berkualitas tinggi untuk web & cetak.
Kode vektor SVG Home Assistant yang dioptimalkan untuk pengembang.
Komponen ikon React Home Assistant yang siap digunakan.
Use Home Assistant in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Home Assistant
Salin ikon Home Assistant sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Home Assistant langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Home Assistant sebagai komponen ikon React yang bertipe.
import React from 'react';
export const HomeAssistantIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Home Assistant yang di-host dengan atribusi.
CSS Mask
Gunakan Home Assistant sebagai ikon CSS mask yang warnanya bisa diubah.
.homeassistant-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #18bcf2;
mask: url("https://www.aiuidesigner.com/icons/homeassistant.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/homeassistant.svg") center / contain no-repeat;
}Detail Ikon Home Assistant
Warna merek
Kategori
Alat
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
681 B · 1 path
Lisensi
Periksa panduan merek
Sumber
github.comPanduan merek
design.home-assistant.ioTentang Ikon Home Assistant
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Home Assistant dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Home Assistant Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Home Assistant icon
Generate a complete page that already uses this icon, color, and brand context.