What Is a Favicon or Site Icon? How to Set It with Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

What is a Favicon or Site Icon?

A favicon; also known as Site Icon is what represents your website in the browser tabs, bookmarks and many other important places. Below are some examples:

Schema Pro Header

To add a favicon for your website:

  1. Prepare image file. It must be square, and at least 512 pixels wide and tall.
  2. Go to Administration Screen – Appearance > Customize
  3. Click Header > Site Identify
  4. Click Select Image at Site Icon section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select.
Favicon, Astra 3.0+

If you wish to find out more about editing your Site Identity please visit the following document: 

Heder Footer Builder

Since version 3.0.0. Astra theme comes with the Header Footer Builder already included. If you decided to switch from the legacy (old) header to the Header Builder, the location of your Site Icon settings is slightly different.

To locate the Site Icon settings when using Header Builder navigate to Appearance > Customize > Header Builder and add the “Site Identity & Logo” element to your header. Click on the element to open the settings. Within these settings, you will also be able to set your Site Icon. Check more details in the related article.

To learn more, visit WordPress Codex.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form