Tạo favicon
Tạo file favicon và các kích thước app icon phổ biến từ 1 ảnh nguồn — đủ cho website, PWA và bookmark.
AK
appkiro.comDrop image here
PNG, JPG, SVG or any image format, or paste
Favicon Generator helps you create a complete favicon package for a website, app, landing page, or personal project. You can start from an existing image or build a simple text-based icon, then download the files browsers and mobile devices commonly expect.
Use From Image when you already have a logo, mark, or square artwork. Use From Text when you need a fast favicon from initials, a letter, or a short brand abbreviation.
For text favicons, set the text, font, weight, foreground color, background color, shape, and size. Keep the design simple because favicons are often viewed at 16x16 or 32x32 pixels.
As you edit the favicon, the current browser tab icon updates so you can judge whether the result is recognizable at real favicon size. If it looks too busy, reduce the text length or increase contrast.
Use Download Package to get the standard favicon files, including PNG icons, favicon.ico, and site.webmanifest. Place those files in your website root, then copy the provided HTML link tags into the head of your page.
Most sites should include 16x16 and 32x32 PNG icons for browser tabs, a favicon.ico file for legacy support, a 180x180 Apple touch icon, and 192x192 plus 512x512 icons for Android and installable web apps. This generator includes those common outputs in the package.
Use PNG icons for modern browsers and devices because they keep sharp edges and transparency. Keep favicon.ico as a fallback because some older browsers, crawlers, and bookmark systems still look for it in the site root.
Favicons are rendered inside square slots. A square logo or artwork prevents awkward cropping and keeps the mark centered at small sizes. If your image is rectangular, the generator crops from the center so the result still fits favicon dimensions.
Upload the generated files to your website root or public assets folder, then paste the provided HTML link tags into the page head. After deployment, clear browser cache or test in a private window if the old favicon still appears.
Yes. The text mode is useful for initials, short brand abbreviations, and quick project placeholders. Keep the text to one to three characters, choose a bold font weight, and use strong color contrast so it remains readable at 16x16 pixels.
Browsers cache favicons aggressively. Make sure the files were uploaded to the correct location, reload with cache disabled, test in a private window, or temporarily change the icon file URL if your deployment pipeline keeps serving the old asset.