05 · Icon

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

Kiểu dựng: lamplit-ink-line. Chế độ tự động chuyển trạng thái theo con trỏ.

Ba trạng thái

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

Bật đèn
Tô lòng màu chính, có quầng. Dùng cho mục đang chọn.

Đang diễ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

alert

alphabet

armchair

arrowRight

atom

award

backpack

bell

book

bookOpen

bookStack

bookmark

bot

brain

calculator

calendar

calendarCheck

camera

cart

cat

certificate

chart

chat

check

checkCircle

chevronLeft

chevronRight

classroom

clock

code

coffeeCup

compass

copy

creditCard

crescent

deskLamp

download

edit

eraser

exam

eye

file

filter

flame

flask

folder

gift

glasses

globe

graduation

grid

headphones

heart

help

home

homework

image

info

key

layers

levelUp

libraryCard

lightbulb

link

list

lock

logout

mail

map

mapPin

medal

mic

microscope

minus

music

notebook

owl

palette

pause

pencil

phone

play

playCircle

plus

progress

puzzle

quill

quiz

refresh

rocket

ruler

school

send

settings

shield

sparkles

star

student

tag

target

teacher

ticket

timer

trash

trending

trophy

upload

user

users

video

volume

wallet

whiteboard

zap

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 */

Mở icons/preview.html