Sweet Homes

This plugin displays custom favicon with badge for number of woocommerce cart products
Configuration parameters:
<ol>
<li>Favicon Image (upload or url).</li>
<li>bgColor: default: #d00, Options: Badge background color.</li>
<li>textColor: default: #fff, Options: Badge text color.</li>
<li>fontFamily: default: sans-serif, Options: Text font family (Arial, Verdana, Times New Roman, serif, sans-serif,…).</li>
<li>fontStyle: default: bold, Options: Font style (normal, italic, oblique, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900).</li>
<li>type: default: circle, Options: Badge shape (circle, rectangle).</li>
<li>position: default: down, Options: Badge position (up, down).</li>
<li>animation: default: slide, Options: Badge animation type (slide, fade, pop, popFade, none).</li>
</ol>

Woocommerce favicon cart badge

This plugin adds a custom favicon a badge showing the number of products that are in the shopping cart

Giorgos Sarigiannidis

WordPress includes a handy way to add a favicon on your site through its Site Customizer. This icon will be used as a favicon on desktop browsers, but on mobile devices as well, when users create a shortcut on their homescreen. What happens, though, if you want to have different icons on different occasions, either because, for example, iOS doesn’t support transparency or simply because you want to have a more detailed icon on mobile devices? This plugin extends the WordPress’ native functionality and allows you to upload different images for mobile (Android), iOS and Windows. Omitting an image will fallback to the default Site Icon.
<h4>Features</h4>
<ul>
<li>Extend the native WordPress Site Icon functionality to use different icons for Android, iOS and Windows.</li>
</ul>

Favicon Extender

Extend the native WordPress Site Icon functionality to use different icons for Android, iOS and Windows.

Woocommerce favicon cart badge vs Favicon Extender