→Generate Favicon from Image
Click to Pick JPG, PNG, WEBP file(s)
.ico File Contains Sizes:
Original Size: 0px x 0px
* Recommended to use square images with dimensions of 512x512 or larger.
After successfully generating the packaged icon files, place the following files in the root directory of your website's static files
Then, place the following link tags inside the HTML head tag.
- favicon.ico
- site.webmanifest
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
Then, place the following link tags inside the HTML head tag.
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" /> <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" /> <link rel="manifest" href="/site.webmanifest" />