Favicon x shortcut icon

// Target ios browsers.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
// Target safari on MacOS.
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
// The classic favicon displayed in tabs.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
// Used by Android Chrome for the "Add to home screen" icon and settings.
<link rel="manifest" href="/site.webmanifest">
// Used for Safari pinned tabs.
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#193860">
// Target older browsers like IE 10 and lower.
<link rel="icon" href="/favicon.ico">
// Used by Chrome, Firefox OS, and opera to change the browser address bar.
<meta name="theme-color" content="#ccccc7">
// Used by windows 8, 8.1, and 10 for the start menu tiles.
<meta name="msapplication-TileColor" content="#00aba9">

Source: stackoverflow.com

Similar codes

7 votes243 views2 answers
Animate on scroll
Html
1 vote237 views1 answer
Action_page.php
Html
0 vote247 views1 answer
Livewire wire:targer multiple target
Html
1 vote228 views1 answer
Hoow to open a css property in css
Html
51 votes248 views4 answers
Bootstrap display inline block
Html
0 vote229 views1 answer
Laravel route regular expression constraints
Html
0 vote231 views1 answer
Gradient background css for all browsers
Html
0 vote276 views1 answer
Smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sar
Html
0 vote230 views1 answer
Twitter card meta tags
Html
0 vote225 views1 answer
How to include the trademark symbol in html
Html