This content originally appeared on Bram.us and was authored by Bramus!
Updated version of to the How to Favicon in 2021.
<link rel="icon" href="/favicon.ico" sizes="any"><!-- 32×32 -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
<link rel="manifest" href="/manifest.webmanifest">The markup (and manifest) are essentially the same as the 2021 version, with one exception: sizes="any" has been added to the favicon.ico reference.
This is a workaround for a bug Chromium: when not present, Chromium will use the .ico file instead of the defined .svg file.
You can test this buggy behavior on these pages by subzey:
This content originally appeared on Bram.us and was authored by Bramus!
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Bramus! | Sciencx (2022-02-10T23:05:02+00:00) How to Favicon in 2022. Retrieved from https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/
" » How to Favicon in 2022." Bramus! | Sciencx - Thursday February 10, 2022, https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/
HARVARDBramus! | Sciencx Thursday February 10, 2022 » How to Favicon in 2022., viewed ,<https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/>
VANCOUVERBramus! | Sciencx - » How to Favicon in 2022. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/
CHICAGO" » How to Favicon in 2022." Bramus! | Sciencx - Accessed . https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/
IEEE" » How to Favicon in 2022." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/. [Accessed: ]
rf:citation » How to Favicon in 2022 | Bramus! | Sciencx | https://www.scien.cx/2022/02/10/how-to-favicon-in-2022/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.