05 · Icon
Mỗi icon có ba trạng thái
Kiểu dựng: isometric-block-line. Chế độ tự động chuyển trạng thái theo con trỏ.
Ba trạng thái
Nét mảnh, không tô. Dùng trong văn bản, danh sách, nút phụ.
Tô lòng màu chính, có quầng. Dùng cho mục đang chọn.
Chuyển động riêng của từng icon. Dùng cho thông báo, thành tích.
Toàn bộ icon
Cách dùng trong code
<svg class="ws-i is-rest"><use href="icons/sprite.svg#home"/></svg> /* --icon-fill, --icon-glow lấy từ token màu */