Creating SVG Components in Hugo

Setup In this tutorial, we’ll delve into the process of creating reusable SVG components in Hugo. We’ll start by crafting an svgImage.html partial, which will be the foundation for our svgButton.html partial. By the end of this guide, you’ll have a flexible SVG button component that can be easily customized and integrated into your Hugo site. Execute Motivation I wanted to add a clickble Linktree icon similar to my Instagram and Twitter buttons, but unfortunately there’s no Linktree icon in FontAwesome.

Continue reading