.. | ||
android-chrome-192x192.png | ||
android-chrome-512x512.png | ||
apple-touch-icon.png | ||
browserconfig.xml | ||
favicon-16x16.png | ||
favicon-32x32.png | ||
favicon.ico | ||
html_code.html | ||
mstile-150x150.png | ||
README.md | ||
safari-pinned-tab.svg | ||
site.webmanifest |
Your Favicon Package
This package was generated with RealFaviconGenerator v0.16
Install instructions
To install this package:
Extract this package in <web site>/theme://images/icons/
. If your site is http://www.example.com
, you should be able to access a file named http://www.example.com/theme://images/icons/favicon.ico
.
Insert the following code in the head
section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="theme://images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="theme://images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="theme://images/icons/favicon-16x16.png">
<link rel="manifest" href="theme://images/icons/site.webmanifest">
<link rel="mask-icon" href="theme://images/icons/safari-pinned-tab.svg" color="#00a300">
<link rel="shortcut icon" href="theme://images/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-config" content="theme://images/icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
Optional - Check your favicon with the favicon checker