« Back to list view

Favicon + Apple Icons

2023

https://favicon.io/favicon-converter/

Minify:

SVG:

HTML:

  • <link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/svg+xml" href="/favicon.svg" >
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

https://jsonformatter.curiousconcept.com/

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

 

 

  • http://iconifier.net
  • Upload png 180px +
  • Save to /
  • Optional: if you changed paths: Add meta text to html head
  • Remove ullright favicon from _html_head.php and images/

 

 

http://kulturbanause.de/2011/04/apple-touch-icon-auch-ohne-glanz-erstellen/

http://developer.apple.com/library/safari/#documentation/appleapplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<html>

  <head>

    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" /> 
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />

  </head

</html