๐ THANKS: All your claps really help me write more free articles like this.
Itโs one of the simple things thatโs always hard to remember.
1.) Make sure your image is .png format ๐ป
And make sure it is located to be publicly accessible in your project (in the root of the project or public folder).
2.) Add this tag within your HTML head tags๐ณ
Type the following tag inside your <head>here</head> tags.
Note: Make sure to change the image URL path to the location of your image.
<link rel="shortcut icon" type="image/x-icon" href="./YOUR_IMAGE.png" />
Thanks for reading! ๐ Please leave a clap if this helped. Alsoโฆ
โ ๏ธ IMPORTANT: If youโre building a website, itโs important you also think about:
- ๐ฅ Embedding a Youtube video into your website
2. ๐ฅ Addding a thumbnail for sharing on social media:
3. ๐ต Play Audio in your HTML website
4. โ Free resources for images, icons and more in your website