Favicon Generator
Create a complete favicon package from PNG, JPG, WebP or SVG images. Crop, reposition and zoom your design, then generate favicon.ico, PNG, Apple, Android and web app icons.
Crop editor & live preview
Drag the image, change zoom, adjust crop size and preview how your favicon will look.
Your favicons have been generated
HTML installation code
Your image and generated favicon files remain in your browser and are not uploaded by this tool.
Use the Favicon Generator to turn a logo or image into a complete set of website icons. It creates a multi-resolution favicon.ico, selectable PNG sizes, an Apple Touch icon, Android icons, a web app manifest and the HTML code required to install them.
How to Create a Favicon
- Upload a PNG, JPG, WebP or SVG image.
- Crop the image or drag it into the preferred position.
- Use the zoom control and Centre Image button to adjust the design.
- Choose whether the image should fit inside or fill the icon canvas.
- Select a square, rounded or circular icon shape.
- Set the background colour and image padding.
- Check the small-size preview to make sure the icon remains clear.
- Select the required icon sizes and click Generate Favicons.
- Download the individual files or the complete ZIP package.
What Is Included in the Package?
The generated favicon.ico contains 16×16, 32×32 and 48×48 versions for browser and desktop compatibility. You can also create PNG icons for browser tabs, Apple devices, Android devices and web applications. When app-icon sizes are selected, the package includes a site.webmanifest file.
The tool also generates matching HTML link elements. Upload the favicon files to your website’s public or root directory and place the provided code inside the page’s <head> section.
Which Favicon Files Do You Need?
- favicon.ico: A traditional favicon file used for browser and desktop compatibility.
- 16×16 and 32×32 PNG: Commonly used for browser tabs, bookmarks and high-density displays.
- 48×48 and larger PNG files: Suitable for larger browser icons, shortcuts and higher-resolution displays.
- 180×180 Apple Touch icon: Used when a website is saved to an iPhone or iPad home screen.
- 192×192 Android icon: Used for Android shortcuts and supported web apps.
- 512×512 app icon: Used as a high-resolution icon for progressive web apps and supported devices.
- site.webmanifest: Defines website icons and installation information for supported browsers and web apps.
Getting a Clear Favicon
Favicons are displayed at very small sizes, so simple designs usually work best. Use a clear logo, symbol or initial with strong contrast and avoid small text or detailed elements that may become difficult to recognise.
- Start with a square source image when possible.
- Keep the main design near the centre of the icon.
- Use the crop, drag and zoom controls to improve positioning.
- Leave enough padding around the logo or symbol.
- Check the 16×16 and 32×32 previews before downloading.
- Use a transparent or contrasting background where appropriate.
Favicons in Google Search
To make a website favicon eligible to appear in Google Search, use a square icon and make sure Google can crawl both the website homepage and the favicon file. Keep the favicon URL stable and reference it from the homepage using an appropriate favicon link element.
Google accepts favicon files as small as 8×8 pixels but recommends using an icon larger than 48×48 pixels. The favicon should clearly represent the website or brand. Meeting these requirements does not guarantee that the favicon will appear in search results.
Privacy
All resizing, ICO creation and ZIP packaging happen inside your browser. The source image and generated files are not uploaded by this tool.
Frequently Asked Questions
What image formats can I upload?
You can upload PNG, JPG, WebP or SVG images. The image is processed in your browser to create the selected favicon files.
What size should my source image be?
For PNG, JPG or WebP files, use a square image of at least 512×512 pixels when possible. SVG files can scale cleanly from their vector dimensions, but the design should still be simple enough to remain recognisable at 16×16 pixels.
Can I reposition or crop my image?
Yes. You can crop the source image, drag it to change its position, use the zoom slider and select the Centre Image button to restore it to the centre of the icon canvas.
What is a favicon.ico file?
A favicon.ico file is a traditional website icon format that can contain multiple icon sizes in one file. It remains useful for browser compatibility and older devices.
Can I download individual favicon files?
Yes. You can download the available icon files individually or download the complete favicon package as a ZIP file.
Are my uploaded images sent to a server?
No. Image processing takes place locally in your browser. Your uploaded image and generated favicon files are not intentionally uploaded or stored by AjaxCalculators.
How do I add a favicon to WordPress?
Download the 512×512 PNG or another suitable square icon from the generated package. In WordPress, open the Site Icon or Site Identity settings, upload the image and save the changes. The exact location may vary depending on your theme and WordPress editor.