# Using an inline SVG icon system with Hugo

**URL:** <https://discourse.gohugo.io/t/using-an-inline-svg-icon-system-with-hugo/26943>\
**Category:** tips & tricks\
**Created:** [March 13, 2020, 10:00pm UTC](https://discourse.gohugo.io/t/using-an-inline-svg-icon-system-with-hugo/26943 "2020-03-13T22:00:00Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![UtkarshVerma](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/utkarshverma/32/11273_2.png) [@UtkarshVerma](https://discourse.gohugo.io/u/UtkarshVerma)\
**Post date:** [November 20, 2020, 10:51pm UTC](https://discourse.gohugo.io/t/using-an-inline-svg-icon-system-with-hugo/26943/2 "2020-11-20T22:51:46Z")

</div>

For those who are interested, I’ve modularised this approach now.

> [@Hugo module for using an SVG icon system(incl. FontAwesome)](https://discourse.gohugo.io/t/hugo-module-for-using-an-svg-icon-system-incl-fontawesome/31915):
>
> A while back, I shared my method of using an SVG icon system in Hugo. [Using an inline SVG icon system with Hugo](https://discourse.gohugo.io/t/using-an-inline-svg-icon-system-with-hugo/26943) I was testing out Hugo modules and decided to modularise this method of injecting icons so that it would be easier to use is across different themes and websites. It doesn’t have any NPM dependencies. Though it only has Font Awesome 5 support by default, you can use any SVG icon set there is online, or with any custom SVG, with this module. Here’s the module: Hope this helps you i…

[https://github.com/UtkarshVerma/hugo-mod-svg-icon-system](https://github.com/UtkarshVerma/hugo-mod-svg-icon-system)

---

_[View the full topic](https://discourse.gohugo.io/t/using-an-inline-svg-icon-system-with-hugo/26943)._