mycorabella-ico

mycorabella

Favicons for the mycorabella.com site

Manifest & Browser config

https://mvoorberg.github.io/mycorabella-ico/manifest.json

https://mvoorberg.github.io/mycorabella-ico/browserconfig.xml

Favicons

These are the images we have:

https://mvoorberg.github.io/mycorabella-ico/android-icon-144x144.png
https://mvoorberg.github.io/mycorabella-ico/android-icon-192x192.png
https://mvoorberg.github.io/mycorabella-ico/android-icon-36x36.png
https://mvoorberg.github.io/mycorabella-ico/android-icon-48x48.png
https://mvoorberg.github.io/mycorabella-ico/android-icon-72x72.png
https://mvoorberg.github.io/mycorabella-ico/android-icon-96x96.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-114x114.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-120x120.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-144x144.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-152x152.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-180x180.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-57x57.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-60x60.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-72x72.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-76x76.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon-precomposed.png
https://mvoorberg.github.io/mycorabella-ico/apple-icon.png
https://mvoorberg.github.io/mycorabella-ico/favicon-16x16.png
https://mvoorberg.github.io/mycorabella-ico/favicon-32x32.png
https://mvoorberg.github.io/mycorabella-ico/favicon-96x96.png
https://mvoorberg.github.io/mycorabella-ico/favicon.ico
https://mvoorberg.github.io/mycorabella-ico/ms-icon-144x144.png
https://mvoorberg.github.io/mycorabella-ico/ms-icon-150x150.png
https://mvoorberg.github.io/mycorabella-ico/ms-icon-310x310.png
https://mvoorberg.github.io/mycorabella-ico/ms-icon-70x70.png

Code

Using the how-to article and the icons provided, here’s what the html looks like. I left out a few that didn’t match provided sizes. Apps should find a fallback if their preference isn’t listed.

<link rel="icon" sizes="16x16" type="image/png" href="https://mvoorberg.github.io/mycorabella-ico/favicon-16x16.png">
<link rel="icon" sizes="32x32" type="image/png" href="https://mvoorberg.github.io/mycorabella-ico/favicon-32x32.png">
<link rel="icon" sizes="96x96" type="image/png" href="https://mvoorberg.github.io/mycorabella-ico/favicon-96x96.png">

<link rel="icon" sizes="70x70" href="https://mvoorberg.github.io/mycorabella-ico/ms-icon-70x70.png">
<link rel="icon" sizes="150x150" href="https://mvoorberg.github.io/mycorabella-ico/ms-icon-150x150.png">
<link rel="icon" sizes="310x310" href="https://mvoorberg.github.io/mycorabella-ico/ms-icon-310x310.png">

<link rel="apple-touch-icon" href="https://mvoorberg.github.io/mycorabella-ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://mvoorberg.github.io/mycorabella-ico/apple-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://mvoorberg.github.io/mycorabella-ico/apple-icon-152x152.png">

<link rel="manifest" href="https://mvoorberg.github.io/mycorabella-ico/manifest.json">
  
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="https://mvoorberg.github.io/mycorabella-ico/browserconfig.xml">