New Site Icons for WordPress and Genesis to Download

WordPress 4.3 now has a feature to make it easy for you to add a site icon or favicon to your website, and this feature is supported in Genesis 2.2 and up. The favicon is the little image that identifies your website in the browser bar and bookmarks. It’s also a site icon because the same icon will now be used as an app icon when saving a website on a mobile device. And if you change themes, you won’t have to figure out how to upload your site icon again.

new site icons to download
default Genesis framework site icon or favicon

For the new site icon, it’s best if you can upload an image that is 512px square. You can also upload larger images because you will be allowed to scale and crop, but it’s probably best if you resize before uploading. If you upload a smaller image, it will scale to 512px and be blurry.

Some themes, including Genesis framework and child themes, come with a default favicon.ico that is 64px square. For Genesis themes, the favicon is located in the “child-theme/images” folder. You could change to a custom favicon by creating one the same size and uploading it using your hosting file manager or FTP.

Add Site Icons to WordPress

But now you can change the site icon without using FTP; you can upload directly with WordPress! How easy is that? And best of all, it will be replaced immediately without having to clear browser caching.

Download New Site Icons

If you already have a custom favicon, you don’t need to change it.

new site icons to download

But if you don’t have a custom favicon, I’ve created some site icons for you to download. These can be used in any WordPress theme (not just Genesis). They are the same style as the default Genesis favicon – a black circle with a white letter in the center. They are 512px square, and there is one for each letter, so you can choose something other than the default G icon.

These are free to download and use on your sites.

Download New Alpha Site Icons »

How to Add New Site Icons to your WordPress Website

edit site identity - upload WordPress site icon
  1. Click Appearance > Customize
  2. Click on the Site Identity option
  3. Below Site Icon, click on Select File (1)
  4. Click Upload Files tab and then Select Files, and then choose your site icon image.
  5. You may be asked if you want to crop.
  6. Then you can preview your site icon (2)
  7. Click blue button Save & Publish (3)

That’s it; lots easier to add a custom site icon that before!

You can have a beautiful, hardworking website for your small business.

Tell me about your website project for a personalized solution!


Do you need website tips?

Sign up to get easy-to-use WordPress tutorials, Genesis theme customizations, and other helpful tips for your small business website.

Your email address will be used to send you blog posts. Privacy Policy


Comments

2 responses to “New Site Icons for WordPress and Genesis to Download”

  1. Crystal says:

    This is awesome – much easier. Thanks for posting this.

Leave a Reply

Your email address will not be published. Required fields are marked *