Unicode character as Favicon

Trying to create a minimal external dependency webpage and for the favicon, I found you can set a Unicode character as your favicon (some restrictions apply)

First pick a standard Unicode character and make sure it is valid. I at first tried to a comet character, but the rendered component was not the html code which you will need.

Example: The Biohazard symbol ☣

• Search for the character, I used this
• Copy the html representation ☣

• Build out the link as a normal favicon, but use the href link to be data and specifically image/svg+xml

<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'> <text y='1em' font-size='80'>SYMBOL_HERE</text></svg>" />

• For the SYMBOL_HERE url encode your html Unicode representation of the character. ☣ becomes %26%239763%3B

You may have to make adjustments to the y= size and font-size elements, but the result should be something like this