Is there a way to set the shortcut icon with CSS, rather than with HTML?

I know how to declare a shortcut icon (the one on the tab) with HTML:

<link
     rel="shortcut icon"
     type="image/x-icon"
     href="images/favicon.ico"/>

The project I am working on has way too many files (30+) for it to be practical for me to go place this code on every page. So is there a way for me to do the equivalent in a .css file? Or is there a way for me to place the code in one file and have it apply to all of the files?

Solution

Unfortunately not. You could use that code snippet on every page, or you could name the image file favicon and place it at the root of your server. This will cause the image to be displayed on all of your pages on your domain. This second method is not recommended by the W3C, however.

Source: W3C - How to Add a Favicon to your Site