How can images be placed in a webpage title? [duplicate]

Question

This question already has an answer here:

Multiple Shortcut Icons? (1 answer)

Closed 8 years ago.

I came accross a webpage: http://pinterest.com/pin/86201780340873856/

When I opened it in my browser I saw that there is an image in the page title

I'm not referring to the Pintrest logo favicon. I'm referring to the smiley face image.

How can an image be in a page title?

What other images can be placed there?

Does this work with all browsers? If not, what do non supporting browsers show?

Answer 1

You're seeing a unicode character in the title, namely 😄, or U+1F604. In html, this can be displayed with 😄. However, different fonts will render it differently (I don't see the colors in your picture), or might not even support it, so you should think twice about using it in your own pages if there is an alternative.

Answer 2

It is not an icon, it's a glyph:

😄

U+1F604 SMILING FACE WITH OPEN MOUTH AND SMILING EYES

General Character Properties

In Unicode since: 6.0 Unicode category: Symbol, Other

Various Useful Representations

UTF-8: 0xF0 0x9F 0x98 0x84

UTF-16: 0xD83D 0xDE04

C octal escaped UTF-8: \360\237\230\204

XML decimal entity: 😄