How to add custom icon in a [[params.social]] section

[sguazt]

Hi,

I would like to add a link to my Scopus profile under the social section but unfortunately neither Academicons nor Font Awesome provide one. So I thought to use a custom icon downloaded from https://www.scopus.com/static/proteus-images/favicon.ico?ver=1.0 and saved in the static/img/scopus.ico file, and to add the following lines in my config.toml file:

[params.social]
  icon = "/img/scopus.ico"
  icon_pack = ""
  link = "https://www.scopus.com/authid/detail.uri?authorId=24821842200"

Unfortunately, it does not work.

How can I tell hugo-academic to do something similar to the above?

Thank you.

Marco

[HughP]

I did this on my site creating a custom font and pulling in my custom font code. Here is my site if you want to deconstruct it: http://hughandbecky.us/Hugh-CV/

I think it is the CV icon that is not from Font Awesome.

Here are some notes links mostly: http://hugh.thejourneyler.org/2018/svg-fonts-the-learning/

[sguazt]

Thanks @HughP !

Following your links and some other tutorials, I created a new font icon by using Inkscape + IcoMoon.io. The result is not perfect, but for now it is OK for me. I hope the Academicons guys will provide a better one ;)

In case someone is interested, here is the result: http://people.unipmn.it/sguazt/

[jananiravi]

@HughP, this may be irrelevant now but academic icons ai instead of font awesome fa has an icon for CV. I've used it in my website: https://jananiravi.github.io

[mtessmer]

how exactly did you implement this? I am trying to do the same thing. I have prepared an SVG in Inkscape and made an icon pack with IcoMoon but I can't get the academic theme to use the icon pack.

[pbwn]

i followed these instructions exactly: https://www.rollagain.net/post/adding-custom-icons-to-the-hugo-academic-theme/

and the icon does not appear. I tried icomoon as he suggests and i also tried https://glyphter.com/. The icon refuses to appear. It seems such a simple Q yet, aside from that blog post, I can't find any useful information about how to get this working. Anyone else? cheers

[mridulbirla]

@p-m-brown As per the latest version you have to change the folder name to scss and file extension of urs css to scss and you folder structure should look like this

[sumanstats]

@mridulbirla I tried to use https://upload.wikimedia.org/wikipedia/commons/8/85/Camelia.svg using https://www.rollagain.net/post/adding-custom-icons-to-the-hugo-academic-theme/ and your suggestion. But its not working.

Any workaround? @p-m-brown

[cvanelteren]

@mridulbirla
The config/_default/param.toml does have a bool flag for academic icon pack.