Font-Awesome or relative path for custom icons

[joadwe]

I wondered if it was possible to add support for the use of font-awesome or relative paths for to .svg icons on the home page?

[luizdepra]

Sure, it is possible. You could add the font-awesome includes into your project and use their CSS classes in the configuration.
But we are using fork-awesome icons. Don't they have the icons you want?

[joadwe]

Thanks for the quick reply! Fork-awesome is great, their selection just seems to be a little smaller. I'm a research scientist and some of the more fun/relevant scientific icons arent available https://fontawesome.com/search?q=vials&o=r. I am new to HUGO themes; i did try adding font awesome into the project but it appears to have the same naming structure as fork-awesome and the HUGO server would fail to load any icons if both were present. I will do some further reading to see where I'm going wrong.

[luizdepra]

If I remember correctly, you will need to remove this line to disable fork-awesome. And, you will need to add the font awesome into the header section, here.

You could either fork the theme and change these files or simple override them by placing a file with the same name inside the same folder structure. Ex: to override extension.html you need to create the file in your-project-path/layouts/partials/head/extensions.html.

[joadwe]

Perfect, thanks for taking the time to share this!