Adding an icon to your website tab (HTML, favicon) ๐Ÿ’ป๐Ÿ–ผ

๐Ÿ‘ 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 ๐Ÿ’ป

2.) Add this tag within your HTML 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:

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

--

--

26K+ Reads โœ๐Ÿผ Co-founder & CTO @Connect Earth. Ex-Amazon ๐Ÿ‘จโ€๐Ÿ’ป Passionate about sustainability and software๐Ÿ‘Œ Views are all my own.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nicolas Carmont

26K+ Reads โœ๐Ÿผ Co-founder & CTO @Connect Earth. Ex-Amazon ๐Ÿ‘จโ€๐Ÿ’ป Passionate about sustainability and software๐Ÿ‘Œ Views are all my own.