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

7.2.24 | 5 nhận xét | 203 lượt xem
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

<i class="fas fa- fa-4x"></i>
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! 😁
Bạn đang xem bài viết "Công cụ xem trước icon font Awesome " tại chuyên mục: Tools

    5

    nhận xét
    Cũ nhất ⇅
    1. Anh Trai Nắng

      Chúc mừng năm mới! nay mới ngồi được vào máy tính 🎉

      REPLY DELETE
      1. A Đê Min

        Chúc mừng năm mới! Chúc bác và gia đình thật nhiều sức khoẻ, an khang thịnh vượng! 🎊🧧

        REPLY DELETE
    2. Quốc Đẹp Trai
      1. A Đê Min

        Cảm ơn bác! toàn ăn với ngủ bác ạ 🤣
        Chúc bác năm mới phát tài nhé! 🎉

        REPLY DELETE

    Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

    Chèn code: [pre]Code đã mã hóa [/pre]

    Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

    Chèn link: Click để chèn link