.. | ||
android-chrome-192x192.png | ||
android-chrome-384x384.png | ||
apple-touch-icon-60x60.png | ||
apple-touch-icon-76x76.png | ||
apple-touch-icon-120x120.png | ||
apple-touch-icon-152x152.png | ||
apple-touch-icon-180x180.png | ||
apple-touch-icon.png | ||
browserconfig.xml | ||
favicon-16x16.png | ||
favicon-32x32.png | ||
favicon.ico | ||
html_code.html | ||
mstile-150x150.png | ||
phx-back-uhd.png | ||
phx-back.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>/images/favicons/
. If your site is http://www.example.com
, you should be able to access a file named http://www.example.com/images/favicons/favicon.ico
.
Insert the following code in the head
section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png?v=12-19-22-delta">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png?v=12-19-22-delta">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png?v=12-19-22-delta">
<link rel="manifest" href="/images/favicons/site.webmanifest?v=12-19-22-delta">
<link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg?v=12-19-22-delta" color="#ffc40d">
<link rel="shortcut icon" href="/images/favicons/favicon.ico?v=12-19-22-delta">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-config" content="/images/favicons/browserconfig.xml?v=12-19-22-delta">
<meta name="theme-color" content="#ffffff">
Optional - Check your favicon with the favicon checker