html - How to set a favicon to text

Question

I know it is possible to set a favicon from an image like so:

<link rel="icon" href="favicon.ico">

Is there a way to set it as text instead?

question from:https://stackoverflow.com/questions/65651517/how-to-set-a-favicon-to-text

Answer 1

You can encode a Data URI of an SVG that contains a text element (source):

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>??</text></svg>">