How to Use the Assets
Start by unpacking the downloaded assets and placing them in the root directory of your
project. If you're using a framework, you may need to move them to the static
folder
for proper access.
After ensuring the assets are accessible via a URL like https://your.domain/favicon.ico
, add the following snippet to the head
section of all your pages. If you're working
with a framework, you can typically do this once in the root layout, streamlining the process for
all pages.
<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="manifest" href="/site.webmanifest">