techotronic

<a href="https://appsumo.com/search?tags=wordpress&utm_source=sumo&utm_medium=wp-widget&utm_campaign=all-in-one-favicon" rel="nofollow ugc">Check out the latest WordPress deals for your site.</a>
All In One Favicon adds favicons to your site and your admin pages. 
You can either use favicons you already uploaded or use the builtin upload mechanism to upload a favicon to your WordPress installation.
All three favicon types are supported – .ico, .png and .gif (may be animated) 
Also, Apple Touch Icons are supported.
Localization
<ul>
<li>Bahasa Indonesia (<code>id_ID</code>) by <a href="http://movableid.com/" rel="nofollow ugc">EKO</a></li>
<li>Czech (<code>cs_CZ</code>) by <a href="http://www.neteyes.cz" rel="nofollow ugc">Neteyes</a></li>
<li>Danish (<code>da_DK</code>) by <a href="http://wordpress.blogos.dk/" rel="nofollow ugc">GeorgWP</a></li>
<li>Dutch (<code>nl_NL</code>) by Pieter Carette</li>
<li>English (<code>en_EN</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>French (<code>fr_FR</code>) by Christophe Guilloux</li>
<li>German (<code>de_DE</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>Hebrew (<code>he_IL</code>) by <a href="http://www.atar4u.com" rel="nofollow ugc">Ahrale</a></li>
<li>Italian (<code>it_IT</code>) by <a href="http://www.valeriovendrame.it/" rel="nofollow ugc">Valerio Vendrame</a></li>
<li>Polish (<code>pl_PL</code>) by <a href="http://www.facebook.com/piniu69/" rel="nofollow ugc">Piotr Czarnecki</a></li>
<li>Portuguese (<code>pt_PT</code>) by <a href="http://www.miguelpatricio.com/" rel="nofollow ugc">Miguel Ângelo Patricio</a></li>
<li>Serbian (<code>sr_RS</code>) by <a href="http://dralvaro.com/" rel="nofollow ugc">Balkanboy Media team</a></li>
<li>Simplified Chinese (<code>zh_CN</code>) by <a href="http://sparanoid.com/" rel="nofollow ugc">Tunghsiao Liu</a></li>
<li>Spanish (<code>es_ES</code>) by Eddy Ernesto Ríos</li>
<li>Slovak (<code>sk_SK</code>) by <a href="http://www.brozman.sk/blog" rel="nofollow ugc">Viliam Brozman</a></li>
<li>Swedish (<code>sv_SE</code>) by <a href="http://www.theindiaexperience.se/" rel="nofollow ugc">Christian Nilsson</a></li>
<li>Turkish (<code>tr_TR</code>) by <a href="http://ramerta.com" rel="nofollow ugc">Ömer Faruk Karabulut</a></li>
</ul>
Is your native language missing? 
Translating the plugin is easy if you understand english and are fluent in another language. 
I described in the <a href="https://wordpress.org/extend/plugins/all-in-one-favicon/faq/" rel="ugc">FAQ</a> how the translation works.

All In One Favicon

It deleted all my pictures off of my website, and it still didn't display the favicon.



Errors!?!

Easily add a Favicon to your site and the WordPress admin pages. Complete with upload functionality. Supports all three Favicon types (ico,png,gif).

415 Plugins

NOW WITH DARK MODE! Safely add an SVG favicon to your site! Don’t limit your site favicon to the .ico/png/jpg formats! Upload cool vector art from your favorite vector app in seconds! Support is common for SVG favicons in modern browsers. Favicon meta generated by the customizer will not be over-written, giving older browsers a fallback in the event they lack support SVG favicons.
<h3>Usage</h3>
Before uploading your SVG favicon, make sure the aspect ratio is 1:1. For Safari, create a copy of your SVG and do the following:
<ul>
<li>Drop it to a single color (preferably black)</li>
<li>Merge art onto a single layer</li>
<li>Place it on a transparent background</li>
<li>viewBox attribute must be set to “0 0 16 16”</li>
</ul>
Uploading: Under the SVG Favicon tab, click the “Upload SVG Favicon” field and upload your SVG favicon
Manifest: After uploading your SVG favicon, you can fill out the corresponding manifest. This step is optional. If you already have your site manifest, leave “Use this site manifest” unchecked.
Safari: The upload process for a pinned tab icon is the same as above. Please note that pinned tab icons should be 100% black with a transparent background. The mask icon color will determine the color of the pinned tab icon.
Dark Mode (NEW): Here is an example of how to enable dark mode in your svg favicon using the <code>prefers-color-scheme</code> media query:
<pre><code><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
 <style>
 path.class-of-path {
 fill: #000;
 }
 @media (prefers-color-scheme: dark) {
 path.class-of-path {
 fill: #fff;
 }
 }
 </style>
 <path class="class-of-path" fill-rule="evenodd" d="M0 0h16v16H0z"/>
</svg>
</code></pre>
<h4>Credits</h4>
<ul>
<li>Artwork by <a href="https://www.onlinewebfonts.com/icon/" rel="nofollow ugc">Online Web Fonts</a> – <a href="https://creativecommons.org/licenses/by/3.0/" rel="nofollow ugc">license</a></li>
<li><a href="https://github.com/darylldoyle/svg-sanitizer" rel="nofollow ugc">SVG Sanitizer</a> – <a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html" rel="nofollow ugc">license</a></li>
<li><a href="https://atomiks.github.io/tippyjs/" rel="nofollow ugc">Tippy.js</a> – <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">license</a></li>
<li><a href="https://github.com/Simonwep/pickr" rel="nofollow ugc">Picker</a> – <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">license</a></li>
</ul>

All In One Favicon vs SVG Favicon