05 · Icon

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

Kiểu dựng: soft-glass-outline. 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

aligner

alphabet

arrowRight

atom

award

backpack

bell

book

bookOpen

bookmark

bot

braces

brain

calculator

calendar

calendarCheck

camera

cart

certificate

chart

chat

check

checkCircle

chevronLeft

chevronRight

classroom

clock

code

compass

copy

creditCard

dentalChair

download

edit

eraser

exam

eye

file

filter

flame

flask

floss

folder

gift

globe

graduation

grid

headphones

heart

help

home

homework

image

info

key

layers

levelUp

lightbulb

link

list

lock

logout

mail

map

mapPin

medal

mic

microscope

minus

mouthwash

music

notebook

palette

pause

pencil

phone

play

playCircle

plus

progress

puzzle

quiz

refresh

rocket

ruler

school

send

settings

shield

smile

sparkles

star

student

tag

target

teacher

ticket

timer

tooth

toothShield

toothbrush

toothpaste

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