Website Favicon & Free App Icon Template

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on reddit
Reddit
Share on email
Email
Every website has a favicon. You may not know what it is, but you've probably seen thousands of them throughout your life. Get a good understanding of what a favicon is and use the FREE PSD Template to make your own.
website icon template

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.

webdesign webinar site icon

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.

Follow along with the video training below...

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on reddit
Reddit
Share on email
Email
Do NOT follow this link or you will be banned from the site!