Gõ một cái tên,
nhận một icon.

Nó hoạt động như thế nào?

Đây là các bộ font "ligature": bản thân icon được nhúng vào trong font chữ. Bạn gõ đúng tên icon bằng chữ thường, font sẽ tự thay thế chữ đó bằng hình icon tương ứng — giống hệt cách các icon font chuyên nghiệp hoạt động trong công cụ thiết kế.

Dành cho ai?

Không có gói cước, không phân quyền — ai cũng dùng được như nhau.

4 bộ icon hiện có

Mỗi bộ có nhiều kiểu nét (weight) để chọn — mảnh, thường, đậm...

Các bước sử dụng

1. Chọn bộ icon

   Ở thanh tab trên cùng, chọn Iconoir / Ionicons / Phosphor / Reicon. Mỗi tab hiện luôn số lượng icon trong bộ.

2. Chọn kiểu nét

   Chọn weight phù hợp — mảnh (Thin/Light) cho giao diện tinh tế, đậm (Bold/Fill/Solid) cho nhấn mạnh.

3. Tìm icon

   Gõ từ khoá vào ô tìm kiếm — hệ thống lọc theo tên và các từ đồng nghĩa liên quan, kết quả ra ngay khi gõ.

4. Chọn 1 trong 3 cách lấy icon

   Bấm thẳng vào icon để copy tên ligature (ví dụ home), dùng khi đã cài font. Hoặc rê chuột vào icon để hiện 2 nút nhỏ ở góc — copy code SVG để dán thẳng vào code/design tool, hoặc tải file .svg riêng icon đó về máy. Không cần cài font vẫn dùng được.

5. Dán và gõ trong Figma / code

   Với ligature: đặt đúng font của bộ đó cho text box, dán tên vừa copy vào — icon sẽ hiện ra thay vì chữ. Với SVG: dán trực tiếp vào code, hoặc kéo file .svg vào Figma như một hình vector bình thường.

6. Hoặc tải cả bộ về

   Bấm nút Download ở đầu trang để tải file .zip chứa toàn bộ font (TTF) của bộ đang chọn, cài vào máy hoặc nhúng vào website.

Vài lưu ý nhỏ

• Một số icon không có ở tất cả các weight — icon nào thiếu sẽ hiện dấu ⊘ thay vì hiện lỗi vỡ hình.
• Giao diện sáng/tối tự đổi theo thiết bị, và Gokey nhớ lựa chọn bộ icon, cỡ xem trước, theme của bạn cho lần truy cập sau.
• Trang không có đăng nhập, không lưu dữ liệu cá nhân — mọi lựa chọn chỉ lưu cục bộ trên trình duyệt của bạn.