Website Shortcut Icon White Background

Question

Hi ive setup a Favorite icon one my site and when I try to make a shortcut on the desktop for the website it creates a icon on the shortcut that looks like this:

But I need it to look like this:

Can anybody suggest what might be happening and what is needed to correct this issues.

Below is how i have defined the Favorite icon.

<link rel="shortcut icon" href="http://elliotrees.co.uk/favicon.ico" />

Answer 1

I love this site and use it for all of my websites https://realfavicongenerator.net/ It creates favicons for every device out there today and gives you the favicons and the code for the html pages