Posted on • Edited on • Originally published atcodewithshriekdj.netlify.app
Building Website from Scratch - Part 5
Preface.
So Now I Made Some Changes About the Files related tofavicon.ico.
Whenever I Opened the Google Chrome Devtools I Saw An Error Related to favicon.ico file.
Section Addition in<head> tag.
I Added Given Code inhead tag before my Stylesheet withfavicon.ico related files.
<linkrel="apple-touch-icon"sizes="180x180"href="./apple-touch-icon.png"><linkrel="icon"type="image/png"sizes="32x32"href="./favicon-32x32.png"><linkrel="icon"type="image/png"sizes="16x16"href="./favicon-16x16.png"><linkrel="manifest"href="./site.webmanifest">Favicon.ico related file Is Created and Uploaded to Github Repo.
I Generated the favicon.ico related with an third party site namedfavicon.io you can use any website that you want.
Given Below Is Image of List of New Files Added In Root of Repository.
static/ js/ script.js styles/ style.cssindex.htmlLICENSEREADME.mdandroid-chrome-192x192.pngandroid-chrome-512x512.pngapple-touch-icon.pngfavicon-16x16.pngfavicon-32x32.pngfavicon.icosite.webmanifestList Of New Files Added.
- Image Type Files
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- File As Text for Settings of favicon.ico related files
- site.webmanifest
Pull Request
favicon.ico related files added and configured#13
Used the Site Namedhttps://favicon.io for building the favicon.ico file for website and also configured them index.html.
PR Connected Issues
- Closes #11
- Closes #12
GitHub Repo
Top comments(0)
For further actions, you may consider blocking this person and/orreporting abuse
