Công cụ xem trước icon font Awesome

Tết Pro tháng 2 07, 2024

Như tiêu đề, công cụ hỗ trợ bạn xem trước icon của font Awesome trước khi quyết định cho vào blog/website
Ở website của fontawesome.com cũng có thể xem trước nhưng không có thêm các option cho anh em lựa chọn như màu sắc, kích thước,... và ở công cụ này sẽ hỗ trợ công việc này

Hướng dẫn

Icon Name: Nhập tên của icon vào sẽ hiển thị ra một số đề xuất liên quan, nếu không hiển thị bạn có thể mở rộng tìm kiếm bằng cách click button Search bên cạnh
Icon Style: Chọn style cho icon
Icon Color: Chọn màu sắc cho icon
Icon Size: Chọn kích thước cho icon
Rotate Icon: Chọn hướng xoay cho icon
Flip Icon: Chọn hướng đảo ngược cho icon
Animating Icons: Chọn chuyển động xoay cho icon

Lưu ý: Đối với các icon thương hiệu như Facebook, Instagram, Tiktok,... các bạn phải chọn Style là Brands mới hiển thị được icon

Font Awesome Preview Tool

Icon Name:

Choose Icon Style:

Icon Color:

Icon Size:

Rotate Icon:

Flip Icon:

Animating Icons:

Hy vọng với công cụ này giúp anh em xem trước được icon sẽ hiển thị như thế nào trên blog/website để có quyết định sử dụng hay không. Chúc anh em một ngày vui! 😁