Favicon squished for browser only

Not filling entire icon space.

The favicon on my website is squished. It only happens on browsers. It doesn't happen with the safari mask icon, windows 8/10 Tile icon, Android (Launcher) shortcut icon, or the iOS safari shortcut icon. Is there a way i can fix this?

Solution

this issue may appear when your computer browser is cached ... click on CNTROL + F5 on key bored to make hard refresh and add this code to tag on your HTML PAGE assuming that your icon image on folder and img/icon/(your favicon name) please resize your favicon to heiht : 16px and width 16px and paste the below code

  <link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">

hope this works for you