Should I use SVG as a site favicon and how big should it be?

Question

Web development

Good afternoon!
While studying the material on this issue, I was completely confused. Hope you can help.

There is a logo (without text) drawn in illustrator - therefore I can save it in SVG
. I don't understand what size in pt or px should be chosen for the favicon (optimal)? What properties to choose when exporting to SVG? What to write in the head for optimal coverage of all browsers (mobile/desktop)?

If you had experience or know a good resource where this is described - please help.

Answer 1

I advise you to use the generator: https://realfavicongenerator.net/
Generates the correct formats for different systems, taking into account all the rules. + Allows you to see how it will look on different systems / browsers
Uploaded a favicon in png -> got an archive with all the necessary files + connection code