How do I set the favicon for my webpage

[keitng]

I've tried putting favicon.ico into /static/favicon/ and adding
params: assets: favicon: "/static/favicon/favicon.ico"

into config.yml but it still doesn't work. Help appreciated, thanks

[keitng]

Follow up:

I've adjusted the code in config.yml as following:
params: homeInfoParams: Title: Hi Content: Sample text assets: favicon: "/favicon.ico" favicon16x16: "/favicon-16x16.png" favicon32x32: "/favicon-32x32.png" apple_touch_icon: "/apple-touch-icon.png" safari_pinned_tab: "/safari-pinned-tab.svg"

I've also put the favicon files in /static instead of /static/favicon

problem still persists.

[KarlEmilArvid]

Might be a little late but if someone else stumbles on this problem I managed to fix it by making a folder and placing the images there.
So it would look something like this params: assets: favicon: "favicons/favicon.ico"

[mapfumo]

That worked for me. Thanks.

[yimmy23]

I used the same method, but my website didn't work. Should I create the favicons folder in the root directory or in /static? How should I configure config.yml? It would be great if you could answer!

[adityatelange]

@keitng @KarlEmilArvid @perhapzz

hugo-PaperMod/config.yml

Lines 171 to 177 in be00e5a

	assets:
	disableHLJS: true
	# favicon: "<link / abs url>"
	# favicon16x16: "<link / abs url>"
	# favicon32x32: "<link / abs url>"
	# apple_touch_icon: "<link / abs url>"
	# safari_pinned_tab: "<link / abs url>"

[adityatelange]

If favicon.ico is in /static/assets/favicon.ico, we put favicon: "/assets/favicon.ico"

[perhapzz]

Thanks a lot!

[ile]

I have tried all the combinations for config.yml I can think of, but I can't make it find the favicon.

Favicon saved in (hugo-PaperMod/) assets/images/favicon.ico.

Tried:

params:
  assets:
    favicon: "images/favicon.ico"

params:
  assets:
    favicon: "/images/favicon.ico"

params:
  assets:
    favicon: "assets/images/favicon.ico"

params:
  assets:
    favicon: "/assets/images/favicon.ico"

@adityatelange

[mapfumo]

If remember correctly I had to name my file "favicon.png" and it worked. I also had to put the file in both "public/img/favicon.png" and "static/img/favicon.png". I am sure it doesn't have to in both directories.

params:
assets:
favicon: "/img/favicon.png"

[DG9Jww]

  assets:
    disableHLJS: true
    favicon: "assets/favicon.ico"

Put ico file in static/assets/, then it works.

[AntonioBisconti]

Hi, i want to set a favicon for my website. I've used Hugo with PaperMod theme. I followed documentation to set it FAQs Adding Custom Favicon(s) and I used favicon.io to generate the files. This is the directory structure:

As indicated on favicon.io, I also inserted these lines of code:

  <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">

under ~/Documenti/BLOG/layouts/partials/extend_head.html. and ~/Documenti/BLOG/themes/PaperMod/layouts/partials/extend_head.html . Despite this it doesn't work. I also followed this github discussion How do I set the favicon for my webpage , but nothing.
Thanks for your help!