Your Favicon Package
A complete set of favicons for modern web development.
Implementation
1
Add Code to HTML
Copy the code below into the `
` section of your HTML files. This setup covers most modern browsers and devices.<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<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" href="favicon.svg" type="image/svg+xml">
<link rel="shortcut icon" href="favicon.ico">
<link rel="manifest" href="manifest.json">2
Verify Your Files
Ensure all the icon files listed below are in the root directory of your website. The `manifest.json` file should also be in the root directory and correctly reference the `android-chrome` and `web-app-manifest` icons.
