Tạo favicon
- Tệp không rời khỏi thiết bị của bạn
- Chạy trên trình duyệt
- Miễn phí, không cần đăng ký, không hình mờ
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
Cách dùng Tạo favicon
Tạo favicon mà không cần công cụ thiết kế: gõ vài chữ, chọn emoji, hoặc chọn biểu tượng từ tám bộ mã nguồn mở, rồi tạo kiểu nền và hình. Bạn nhận đủ gói (ICO, PNG, SVG, biểu tượng Apple và Android, manifest) được dựng trong trình duyệt.
- 1
Trong “Hình vẽ”, chọn “Chữ”, “Emoji” hoặc “Biểu tượng”.
- 2
Gõ một đến ba chữ và chọn “Phông” cùng “Độ đậm”, gõ hoặc chọn emoji (“Duyệt mọi emoji” mở danh sách đầy đủ), hoặc tìm biểu tượng như rocket hay cloud rồi nhấn vào.
- 3
Trong “Tiền cảnh”, đặt “Màu” và “Cỡ”; trong “Kiểu biểu tượng”, chọn “Nền”, “Hình”, “Bán kính góc” và “Đệm”.
- 4
Điền “Chi tiết site” và các cỡ “Đầu ra”, đồng thời xem trước tab sáng, tab tối và màn hình chính.
- 5
Nhấn “Tải gói (ZIP)”, tải các tệp lên site, rồi sao chép các thẻ từ “Dán vào <head>” vào trang của bạn.
Câu hỏi thường gặp
Có gì được gửi tới máy chủ không?
Không. Biểu tượng được vẽ trong trình duyệt. Bộ biểu tượng chỉ được tải từ XTools khi bạn mở hoặc tìm chúng, nên lần đầu dùng một bộ bạn cần có kết nối.
Có những bộ biểu tượng nào?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons và Font Awesome Brands. Lucide tải trước; khi tìm, “Tìm cả 8 bộ” sẽ tải phần còn lại một lần (khoảng 13 MB).
Tôi có dùng các biểu tượng trên site thương mại được không?
Mỗi bộ giữ giấy phép mã nguồn mở riêng, nên hãy kiểm tra trước khi dùng một biểu tượng làm logo. Font Awesome Brands là logo của công ty khác và không nên dùng làm thương hiệu của bạn.
Vì sao emoji của tôi trông khác trên máy khác?
Emoji và chữ được vẽ bằng phông của thiết bị, nên tệp PNG và ICO hiện kiểu emoji của hệ thống bạn. favicon.svg giữ chúng dưới dạng chữ, nên trình duyệt của mỗi người xem sẽ vẽ bằng phông riêng.
Tôi có thể dùng bao nhiêu chữ?
Một đến ba chữ là đẹp nhất; ô nhập nhận tối đa bốn ký tự. Chữ dài hơn sẽ thu nhỏ cho vừa biểu tượng, và chữ Trung hoặc Nhật cũng dùng được.
Favicon có nền trong suốt được không?
Có, hãy đặt “Nền” thành “Không”. Biểu tượng Apple touch và maskable vẫn nhận một hình vuông trắng, vì màn hình chính không hiện phần trong suốt.