Use Emoticon For Your Favicon

22 April 2020

Create new svg file favicon.svg file

<svg xmlns="http://w3.org/2000/svg" viewBox="0 0 100 100">  
<text y=".9em" font-size="90">🕺🏻</text></svg>

Place the file somewhere where you can reference it from your html file.

<link rel="shortcut icon" type="image/svg" href="https://primoz.xyz/assets/favicon.svg"/>

In the header of your index.html you reference the favicon.svg file and you are good to go.