Bộ icon

Mỗi icon có ba trạng thái

Nghỉ khi nằm trong danh sách. Bật đèn khi đang chọn. Đang diễn khi cần gây chú ý. Chế độ tự động chuyển giữa ba trạng thái theo con trỏ.

Nghỉ

Nét ngà mảnh, không màu. Dùng trong văn bản, danh sách, nút phụ.

Bật đèn

Hổ phách, lòng icon đổ sáng, có quầng và đốm lửa. Dùng cho mục đang chọn.

Đang diễn

Có chuyển động riêng của từng icon. Dùng cho thông báo, thành tích, trạng thái sống.

52 icon, mỗi icon 3 trạng thái

Noir 2.0 cho Conan School. Bộ giao diện do anh Thông Phan (CMO Conan) thiết kế, Conan School dựng lại bằng React, Tailwind và token dùng chung.

Thiết kế bởi Thông Phan, xem bản gốc