The site icon in WordPress is worked as a favicon. And the knowledge about the favicon is mostly limited to 16×16 or 64×64 pixels. But this StackOverflow thread shows there’s a necessity of a 114×114px favicon for Retina Opera, and a 200×200px favicon for Mobile Opera Speed Dial. The necessity of such a larger icon … Read more
If you have put the code in your header.php is the full URL to the Favicon correct? Also check in another browser as Favicons can be heavily cached (so check another machine) I’m assuming the non / page (without home) has the favicon code present on it as well? What is URL?
There is basic Favicon functionality built into WP. Go to Theme Customiser > Site Identity and use the ‘Site Icon’. In some cases its better to have custom code in the head, and the above doesn’t work for non WP pages within the site, if thats what you are using. However its worth a try … Read more
Here are the instructions from the WordPress Codex: Go to your WordPress Administration Panel. Click on Appearance. Click on Theme Editor. Select the file called Header or header.php to edit the file. Search for the line of code that begins with <link rel=”shortcut icon” and ends with /favicon.ico” />. Overwrite it, if it exists, or … Read more
You should add it on your theme’s header.php file with this code (W3C standard code): <link rel=”icon” type=”image/png” href=”http://yourblog.com/favicon.png”>
I would only store it in the theme folder if I expected the favicon to change when I change the theme. Which I don’t. A favicon is part of the total site identity, not a function of the CMS. What if you use non-WP software to run different parts of the site — e.g., a … Read more
I usually put the icons in an images folder inside my theme so I’d use function kia_add_favicon(){ ?> <!– Custom Favicons –> <link rel=”shortcut icon” href=”https://wordpress.stackexchange.com/questions/43928/<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico”/> <link rel=”apple-touch-icon” href=”<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png”> <?php } add_action(‘wp_head’,’kia_add_favicon’); edited: to add the apple touch icon per the comment, and to clarify that if you are using … Read more
Method 1 Just visit fontawasome gallery. Now search and open your required icon i.e edit icon. Click on download svg as shown in given image. Now you can use this svg file in your website as favicon see How to set favicon. Method 2 Take a screenshot of something with the desired character, cut the … Read more
Answer replaced (and turned Community Wiki) due to numerous updates and notes from various others in this thread: ICOs and PNGs both allow full alpha channel based transparency ICO allows for backwards compatibility to older browsers (e.g. IE6) PNG probably has broader tooling support for transparency, but you can find tools to create alpha-channel ICOs … Read more
Update for 2020: Sticking to the original question of 16×16 versus 32×32 icons: the current recommendation should be to provide a 32×32 icon, skipping 16×16 entirely. All current browsers and devices support 32×32 icons. The icon will routinely be upscaled to as much as 192×192 depending on the environment (assuming there are no larger sizes … Read more