Using Svg Sprites

Including SVGs with sprites:

Svg sprite file located in: dist/icons.svg

SVG SPRITE FILE

Svg sprite file - icons.svg

Svg code example with sprite reference:

<svg class="n7-inline-block n7-align-middle n7-fill-current n7-w-8 n7-h-8" aria-hidden="true" focusable="false" role="img">
    <use href="../../icons.svg#mini--chevron-right" />
</svg>

In the SVG icon code, replace the path in the href with the actual path to the sprite icon.svg resource in the implementation environment.

For example, if the path is /images/svg/icons.svg, replace it with:

<svg class="n7-inline-block n7-align-middle n7-fill-current n7-w-8 n7-h-8" aria-hidden="true" focusable="false" role="img">
    <use href="/images/svg/icons.svg#mini--chevron-right" />
</svg>