Icon Shortcode

We’ve intergrated Bootstrap Icons for using vector icons in the website.

Code Example #

{{< icon icon=[iconname] class=[classname] color=[color] >}}

This will create a svg element like:

<svg class="icon classname" color="color">
  <use xlink:href="/icons/bootstrap-icons.svg#iconname"></use>
</svg>

• icon will be the icon you want to use.

• class is the class for the svg element.

• color is optional, the icon will take the color define by it’s parent element. You can set color if you want to use a different one.

• The default icon size will take the line-height defined by it’s parent element.

Preview #

{{< icon icon="cloud" >}}

{{< icon icon="cloud" color="red" >}}