Chuyện cái Icon trong Home Assistant: Đừng để “Râu ông nọ chắp cằm bà kia”

Làm Dashboard cho Home Assistant (Hass) xong xuôi mọi tính năng xịn xò, nhưng nhìn lại cái giao diện, đôi khi ta vẫn thấy có gì đó… sai sai.

Khi cái quạt nhìn chẳng giống cái quạt

Cái cảm giác lục tung danh sách icon mặc định mà không tìm được cái hình nào mô tả đúng cái máy lọc không khí hay bộ rèm cửa nhà mình nó rất là ức chế. Kết quả là nhiều lúc chúng ta đành “dùng tạm” một cái icon tương tự.

• Máy lọc không khí thì dùng hình cái quạt tròn.
• Đèn chùm sang chảnh thì dùng cái bóng đèn dây tóc thời cũ.
• Robot hút bụi thì nhìn chẳng khác gì một cái đĩa tròn vô hồn.

Nhìn tổng thể, Dashboard trông cứ bị “lúa” và rối rắm, người nhà nhìn vào đôi khi còn chẳng biết bấm chỗ nào cho đúng.

Tìm đúng “nguồn hàng” tại Pictogrammers

Thay vì ngồi đoán mò tên icon hay dùng đại những cái có sẵn, mình thường vào thẳng “tổng kho” Pictogrammers.com. Đây là nơi chứa toàn bộ thư viện Material Design Icons (MDI) mà Hass đang sử dụng, nhưng trực quan và dễ tìm hơn nhiều.

Kinh nghiệm “săn” icon nhanh trên này:

• Tìm bằng tiếng Anh chuyên sâu: Thay vì gõ light (đèn) chung chung, bạn hãy thử gõ chandelier (đèn chùm) hay pendant-light (đèn thả). Kết quả sẽ chính xác đến từng loại thiết bị.
• Đồng bộ phong cách: Nếu bạn thích kiểu nét mảnh, hiện đại, hãy để ý các icon có đuôi -outline. Việc dùng đồng nhất một kiểu icon (toàn bộ là nét mảnh hoặc toàn bộ là hình đặc) sẽ giúp Dashboard nhìn “sang” hơn hẳn.
• Copy tên trong 1 nốt nhạc: Chỉ cần nhấn vào icon bạn thích, copy cái tên (ví dụ: robot-vacuum-variant) rồi quay lại Hass dán thêm tiền tố mdi: vào là xong.

Thành quả: Dashboard “ra gì và này nọ”

Sau khi chịu khó lên Pictogrammers “nhặt” đúng icon cho từng góc trong nhà, bạn sẽ thấy sự khác biệt rõ rệt:

• Trực quan: Nhìn hình là biết thiết bị, không cần phải căng mắt ra đọc dòng chữ nhỏ xíu bên cạnh.
• Chuyên nghiệp: Tất cả icon đều có chung một ngôn ngữ thiết kế, nhìn giao diện chỉn chu như app xịn của các hãng lớn.
• Cảm hứng: Một cái Dashboard đẹp không chỉ để ngắm, mà còn khiến việc điều khiển nhà thông minh trở nên thú vị hơn cho cả gia đình.

---

Mẹo nhỏ cho anh em: Nếu bạn tìm thấy một icon trên Pictogrammers nhưng gõ vào Hass nó không hiện (thường do bản Hass cũ chưa cập nhật bộ MDI mới nhất), bạn chỉ cần tải file SVG của icon đó về, dùng integration Custom Icons qua HACS để nạp vào là xong ngay!

Bạn có đang dùng cái icon nào “độc” cho máy pha cà phê hay máy tưới cây ở nhà không? Chia sẻ tên icon bên dưới cho anh em tham khảo với nhé!