.. | ||
android-chrome-36x36.png | ||
android-chrome-48x48.png | ||
android-chrome-72x72.png | ||
android-chrome-96x96.png | ||
android-chrome-144x144.png | ||
android-chrome-192x192.png | ||
android-chrome-256x256.png | ||
android-chrome-384x384.png | ||
android-chrome-512x512.png | ||
apple-touch-icon-57x57-precomposed.png | ||
apple-touch-icon-57x57.png | ||
apple-touch-icon-60x60-precomposed.png | ||
apple-touch-icon-60x60.png | ||
apple-touch-icon-72x72-precomposed.png | ||
apple-touch-icon-72x72.png | ||
apple-touch-icon-76x76-precomposed.png | ||
apple-touch-icon-76x76.png | ||
apple-touch-icon-114x114-precomposed.png | ||
apple-touch-icon-114x114.png | ||
apple-touch-icon-120x120-precomposed.png | ||
apple-touch-icon-120x120.png | ||
apple-touch-icon-144x144-precomposed.png | ||
apple-touch-icon-144x144.png | ||
apple-touch-icon-152x152-precomposed.png | ||
apple-touch-icon-152x152.png | ||
apple-touch-icon-180x180-precomposed.png | ||
apple-touch-icon-180x180.png | ||
apple-touch-icon-precomposed.png | ||
apple-touch-icon.png | ||
browserconfig.xml | ||
favicon-16x16.png | ||
favicon-32x32.png | ||
favicon.ico | ||
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>/favicons/
. If your site is http://www.example.com
, you should be able to access a file named http://www.example.com/favicons/favicon.ico
.
Insert the following code in the head
section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=jan27deltaburn">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v=jan27deltaburn">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v=jan27deltaburn">
<link rel="manifest" href="/favicons/site.webmanifest?v=jan27deltaburn">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v=jan27deltaburn" color="#ffc40d">
<link rel="shortcut icon" href="/favicons/favicon.ico?v=jan27deltaburn">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-config" content="/favicons/browserconfig.xml?v=jan27deltaburn">
<meta name="theme-color" content="#ff0000">
Optional - Check your favicon with the favicon checker