First off, what is a favicon and why do I need one? If you’re looking for how to make your own favicon logo, this tutorial is for you!
A favicon is the small icon on each browser tab associated with a website’s URL. Not only are they are one of the quickest ways to tell websites apart when you have many tabs open, but they are an important part of your overall branding. A great favicon can help you establish your visual identity online and helps strengthen your brand. If you don’t assign a favicon, your website will be represented by an icon that looks like a blank sheet of paper. Probably not the look you’re going for, huh?
That’s my sweet little favicon in the photo above. The good news is it’s super easy to make your own favicon logo by creating and uploading an image to your blog.
Make Your Own Favicon Logo
You want your design to be really simple, because the icon is so small. When it comes to favicons, simple is better!
This is my favicon. Notice that while it has a few different colors, its overall shape is really simple:
If you have a WordPress site running version 4.3 or later, it’s a snap to install your favicon. In your WordPress Dashboard go to Appearance—>Customize—>Site Identity. There you’ll find a place to upload an image of your choice. Just make sure your image is a square a least 512 px by 512 px. You can easily create a square image using free programs like Canva or PicMonkey. Once you upload your image, just Save & Publish and you’re done. Once you refresh your page, your favicon should appear.
If your website requires an image in the .ico format, there are many free favicon generating websites like favicon-generator.org that can do the job for you.
See how easy it is to make your own favicon? Give it a try. I’d love to see what you come up with!