๐ฟ Create a square image with your logo.
Dimensions: 1000 x 1000
Transparent Background: Yes
File type: PNG
I use Canva, but you can use any image editor.
Note that I have a dark background just to make it easier to see the logo.
๐ฟ Once you've downloaded the image, upload it to favicon-generator.org.
Upload the logo.
Check "Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps".
Click "Create Favicon".
๐ฟ Download the generated favicon, and uncompress the zip file.
๐ฟ Copy all the files to your project's public
folder.
Restart your server and you should see the favicon in your browser.
And that's it ๐!
Sometimes it takes a while for the cache to update. If you don't see the favicon, try clearing your browser's cache or using a private window.
I hope this quick guide was useful! Let me know if you have any questions.
We respect your privacy. We respect your personal privacy.
This website uses cookies to help personalize your online experience. Learn more. This website uses cookies to help personalize your online experience. A cookie is a text file that is placed on your hard disk by a web page server. Learn more