1. This is genius and @LeaVerou is an international treasure. 2. IMO this cries out for a mini-standard, 脿 la: <link rel="icon" type="unicode" value="馃">
Lea Verou
 @LeaVerou
22 Mar 2020
Now that all modern browsers support SVG favicons, here's how to turn any emoji into a favicon.svg: <svg xmlns="w3.org/2000/svg" viewBox="0 0 100 100"> <text y=".9em" font-size="90">馃挬</text> </svg> Useful for quick apps when you can't be bothered to design a favicon!
1
2
20
/cc @davidbaron @torgo
1
I guess <link rel="icon" href="data:text/plain;charset=UTF-8,馃敟"> is too verbose?
2
3
Wonder if that results in reasonable sizing and centering? I'll have to try it out and compare to @LeaVerou's solution!
1
Replying to @littlecalculist @torgo @LeaVerou
We'd still need to implement support for it first (just like your suggestion).

Mar 23, 2020 路 12:37 AM UTC

2
1
Replying to @davidbaron @littlecalculist @torgo
This seems like a deep rabbit hole. What font family, size, weight etc would something like this be rendered with? What happens with text wrapping? What about dir & lang? Text is complicated.
1
4
Guess I'm doing what folks regularly did to me with JS: post imaginary syntax snippet, let bystanders believe spec is "obvious" 馃槣 Anyway my intuition was just: sugar for common use case that's expressible with core primitives (SVG). But I can imagine defaults are hard to pick!
1
1
more replies
Replying to @davidbaron @torgo @LeaVerou
Ohhhh, I misunderstood鈥攖hought you meant the functionality secretly already exists. In that case, yeah I think it's a little verbose. But I don't imagine I have the whole syntax design space in my head, so I won't try to opine too strongly. :)