Favicon Generator
Create favicons for your websites & apps.
1 Previews
Browser Tab
iOS Home Screen
Android Chrome
2 Download & Install
Your Package is Ready
Includes favicon.ico, Apple Touch Icon, Android Chrome Icons, and more.
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Paste this in the <head> section of your pages.
Frequently Asked Questions
Why so many files?
Different devices and browsers look for different files.
favicon.ico is for legacy browsers, PNGs are for modern ones, apple-touch-icon is for iPhone/iPad home screens, and android-chrome icons are for Android.
Where should I upload these files?
Typically, you upload them to the root directory of your website (e.g.,
public_html/ or www/). If you place them in a subfolder like /static/images/, make sure to update the href paths in the HTML code provided.