Tạo favicon online

Biến logo PNG, JPEG, SVG hoặc một chữ cái thành bộ favicon đầy đủ: favicon.ico, icon PNG và maskable, apple-touch-icon, site.webmanifest và mã HTML.

Công cụ miễn phí: 20 request mỗi phút.

Kết quả

Bấm “Chạy” để xem kết quả.

Gửi logo dạng ảnh (PNG, JPEG hoặc SVG qua file multipart, body thô, file_base64 hoặc url), mã SVG trong svg, hoặc chỉ cần text (1–3 ký tự, ví dụ chữ cái đầu tên thương hiệu) cùng background, color và shape (square, rounded, circle) để vẽ icon chữ. Bạn nhận đủ các file website cần hiện nay: favicon.ico chứa ảnh 16, 32 và 48 px (định dạng BMP 32-bit bên trong, mọi trình duyệt và Windows đều đọc được), favicon-96x96.png, favicon.svg khi nguồn là ảnh vector (đã làm sạch và tối ưu), apple-touch-icon.png 180 px trên nền đặc, android-chrome-192x192.png và -512x512.png, maskable-icon-512x512.png với logo nằm trong vùng an toàn 80%, site.webmanifest, và các thẻ <link> / <meta> để dán vào <head>.

Ảnh không vuông được đặt giữa (fit=contain) hoặc cắt phần giữa (fit=cover); padding (phần trăm) thêm lề. Nguồn SVG được vẽ lại ở từng kích thước bằng bộ vẽ của chúng tôi nên icon nhỏ vẫn sắc nét. name, short_name, theme_color, background_color, display và đường dẫn path của các file được đưa vào manifest và mã HTML.

Kết quả JSON chứa từng file dạng data URI; format=zip trả về file ZIP gồm mọi file và favicon-snippet.html. Không lưu lại dữ liệu.

Dùng trong code của bạn

curl -X POST "https://apibox.io.vn/v1/favicon" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text":"A","background":"#2563eb","name":"APIBox Demo","short_name":"Demo","theme_color":"#2563eb"}'

Tài liệu API → Nhận API key miễn phí

Hỏi đáp

Thực sự cần những file nào?

favicon.ico ở thư mục gốc, file SVG hoặc PNG 96 px cho trình duyệt mới, apple-touch-icon.png cho iOS và manifest có icon 192 / 512 px cho Android, PWA. Đoạn HTML trả về đã tham chiếu đủ các file này.

Ảnh gốc nên có kích thước bao nhiêu?

Tốt nhất là SVG vuông. Với PNG / JPEG nên từ 512×512 px trở lên; ảnh nhỏ hơn vẫn dùng được nhưng icon lớn sẽ bị mờ, và API trả kèm cảnh báo.

Icon maskable là gì?

Android cắt icon ứng dụng thành hình tròn hoặc bo góc. Icon maskable giữ logo trong 80% vùng giữa trên nền màu đặc để không bị cắt mất phần quan trọng.