HTML

Show emoji in your webpage title or browser tab

You might have seen emoji in some websites’ browser title bar. I have not talking about the favicon. I am taking about emoji, thats what you see in browser tab right after favicon or anywhere in webpage.

This is what I am talking, you see the sun emoji in the browser tab.

Sun emoji in browser tab

How to do it:

  1. Find an emoji. eg: Go to https://emojipedia.org/ search and find a emoji. Copy it.
  2. Open you webpage which supports unicode. (Notepad++, VSCode etc)
  3. Paste the emoji you copied, in the
    head > title tag.
  4. Important step: Add the below meta tag inside your head tag.
<meta charset="UTF-8" />

You code will now look like this.

Thats it, save and open in browser. Your browser tab should display the emoji.

Peace ✌️

Computer engineer interested in programming, electronics, application architecture, data visualization, automation and performance optimization.

Leave a Reply