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