Adding an icon to your website tab (HTML, favicon) 💻🖼
2 min readJan 15, 2021
👏 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
