05 · Icon

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

Kiểu dựng: riso-duotone-offset. 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

arrowRight

atom

award

backpack

bell

bicycle

book

bookOpen

bookmark

bot

brain

calculator

calendar

calendarCheck

camera

cart

certificate

chart

chat

check

checkCircle

chevronLeft

chevronRight

classroom

clock

code

compass

copy

creditCard

download

eBike

edit

eraser

exam

eye

file

filter

flame

flask

folder

gift

globe

graduation

grid

headphones

heart

helmet

help

home

homework

image

info

key

layers

levelUp

lightbulb

link

list

lock

logout

mail

map

mapPin

medal

mic

microscope

minus

music

notebook

oldQuarter

palette

pause

pencil

phone

play

playCircle

plus

progress

pump

puzzle

quiz

refresh

riceField

rocket

routeLoop

ruler

saddle

school

send

settings

shield

sparkles

star

student

tag

target

teacher

ticket

timer

trash

trending

trophy

upload

user

users

video

volume

wallet

waterBottle

wheel

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