Site Icon Pro for WordPress

Site Icon Pro gives you full control over the exact icons and HTML used to display the favicon and app icons on your WordPress site! By default the Site Icon functionality

autogenerates and uses the same icon for each platform. Different platforms have different recommend styles, so if you want greater control over which Site Icon is used on each, this is the plugin for you!

Site Icon Pro allows you to specify the exact HTML meta and link tags that are used to display site icons so you get complete control. If you want an icon with a transparent background in browsers, but a white background on iOS, you can do it with this! Unlike editing a theme directly, your changes won’t be lost if you upgrade or switch themes.

Note that this is a plugin for advanced users, if you aren’t comfortable editing HTML please stick to the built in Site Icon functionality (in WordPress 4.3+).

Icon Formats Although there are various automated tools that will resize an image to every favion resolution, for full control you should generate each icon seperately. Each platform has different guidelines for how favicons should look and how they behave. Additionality automated tools will resize your images rather poorly – you will be able to generate much better quality favicons by resizing them yourself from a vector image.

We recommend you include the following icons at the very least:

ICO – 16x16px low resolution icon on a transparent background (some tools let you combine multiple resolutions in a single file, in that case also add a 32x32px version)

PNG – 32x32px retina icon on a transparent background

The plugin includes further documentation on icon formats and sizes, including those for:

Apple iOS (iPad and iPhone)