cogmios

This plugin puts a recognizable icon before each link; it makes your website lively and 
recognizable: Compare listings of dull links to listings with an icon before it: users will 
instantly recognize the familiar icons to your benefit. Compare this with the desktop on your 
computer: 100 links in plain text or 100 links with app icons, what do you prefer? Exactly!
<ul>
<li>Note 1: this plugin only supports PHP version 5.3 or later (see FAQ)</li>
<li>Note 2: this plugin is still in BETA until it is at version 1.0</li>
</ul>
Features:
<ul>
<li>includes a server component and a client component, so you can have a single icon server on 
a high power machine and lots of clients just requesting icons, you could even set up a server 
for your friends (or as a business functionality). However ofcourse you can enable both the client 
and the server if your run this on just 1 installation, 
it also means you can build clients in different languages requesting icons from your server. </li>
<li>add icons in content, widget areas, comment area and comment author link each with its own styling. 
If you understand filters in WordPress you can add them to any piece of content.</li>
<li>add icons from scanning sites directly, their /favicon.ico, Google and getIcon.org. The more 
providers you add the higher the chance it will get to 100% icons. (however there are some urls 
using conditional javascript redirects to other sites containing the favicons that still slip).</li>
<li>image filtes such as converting all icons to PNG. If you understand WordPress filters you can 
add more icon filters to build a nice physical directory with icons in your desired format</li>
<li>add default icons (if a site has none), several IDENTICONS is included, you can add more 
default icons if you know WordPress coding a bit.</li>
<li>exclusion of filetypes: do not process pdf, zip etc…</li>
<li>status icons showing you: good links, redirects and bad links (handy for cleaning). You can 
extend this to all HTTP return codes. 418 however is included if you can find a site that 
returns a 418 🙂</li>
<li>lots of developer filters so you can after process image or add your own components in the flow</li>
</ul>
Low Fat:
The server will search for an icon only every 30 seconds (default) and in the meanwhile use Google 
for icons so you will SLOWLY build a good icon base. On top of that the client requests are 
transient cached on 1 hour (default) so every unique request only call the server once each 
hour (and even then only if a visitor hits that page). On top of that the server has a transient 
cache also on 1 hour (default). So … it will build up very slowly with 
performance and being nice to your database and providers in mind. However notice that if you have 
a lot of outgoing links the server will grow to a large database (it stores all requests and 
icons).
Developers:
<ul>
<li>can add their own plugins for each of the modules provided:</li>
<li>can add their own plugins to define pieces of content to filter</li>
<li>can add plugins to the cache</li>
<li>can add plugins for other favicon sources or repositories</li>
<li>can add plugins for providing other default icons</li>
<li>can add plugins for handling other filetypes content</li>
</ul>
The plugin uses a plugin framework (GPLv2) so you can also copy the framework and make your 
own plugin around it. If you have improvements on it please send them to me.
Languages:
The plugin is ready for internationalization but since I still intent to make a lot 
of changes full translation will happen in a later release. I also need to write 
some of the inline help.
<h3>Contact Info</h3>
contact info: 
http://edward.de.leau.net/contact

WP Favicons plug-in

BETA - Show Favicons in front of links in content, comments, widgets; scan pages, roots, google s2, geticons for favicons; apply image filters to favi …

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>

WP Favicons plug-in vs SVG Favicon