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
Update: It looks like this will be supported in 5.0+. See ticket #43458 The default This is how the favicon (.ico) files show up in the Media Grid view: This is the corresponding part of the micro template: <# } else if ( ‘image’ === data.type && data.sizes ) { #> <div class=”centered”> <img src=”https://wordpress.stackexchange.com/questions/177981/{{ … Read more
If you want to add Dashicons on WordPress frontend, you will need to enqueue them using PHP code in your theme functions.php file: Sample : Chose icon
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
To place a Favicon on your site you would use the following in the <head> tag You need to be sure that the path is correct for the icon. If the path is not correct it will not appear. I have also seen caching issues that makes it seem that the icon isn’t working. Always try to … Read more
There are several ways to create a favicon. The best way for you depends on various factors: The time you can spend on this task. For many people, this is “as quick as possible”. The efforts you are willing to make. Like, drawing a 16×16 icon by hand for better results. Specific constraints, like supporting … Read more
If you don’t call the favicon, favicon.ico, you can use that tag to specify the actual path (incase you have it in an images/ directory). The browser/webpage looks for favicon.ico in the root directory by default.
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
That method will not work. The <title> only supports plain text. You will need to create an .ico image with the filename of favicon.ico and save it into the root folder of your site (where your default page is). Alternatively, you can save the icon where ever you wish and call it whatever you want, but simply insert the following code … Read more