Your “Favicon” or “Site Icon” is the little image in your browser that sits next to your website title. It helps your visitors identify that they are on your website. It is also key in building your brand recognition within the minds of your visitors.
Download The Site Icon Template
*Clicking the button below will automatically download the Photoshop template.
All download files are hosted via DropBox.
When it comes to building your own website, your site icon may be one of the most forgotten steps. Your icon is what is your default image when any links of your website is shared on social media. It is a basic step that wont take but a few minutes.
How To Make A Site Icon
Before we go any further I want to cover a few things that you should know. In the earlier days of the internet, your “site icon” was referred to as the “favorite icon” or “favicon”. It use to be a super small image that was only 16 pixels squared. Now your site icon by default is a lot larger.
WordPress Site Icon Size: 512px X 512px
When it was referred to as your “favicon” it mainly was used in your browser alone. With the advancement of technology, computers, smart phones, tablets etc., the site icon is much more now. The secondary reason why this is an important step is giving a brand to your followers who add your website on their “desktop” or bookmark it on their phone.
It can look like an actual app … you should check it out! (If you click the share button in your browser, on your phone, you can click on “Add To Home Screen” and now you can access that site with a cool icon on your phone)
So when it comes to making your site icon you can use software like Photoshop (Please feel free to download the FREE template above) or a free resource like Photopea to edit the template and add your own logo.
Uploading Your Site Icon In WordPress
You need access the “Customize” section of WordPress. You can do this from your dashboard by going to Appearance > Customize.
Once you are inside of the Customize tool, click on Site Identity. At the bottom of this panel you will see the upload section for the site icon.