SVG icons

This pattern library utilizes an external SVG sprite. A complete list of icons can be found below.

Basic usage is as follows:

<svg
  class="icon "
  height="24"
  width="24"
  aria-hidden="true"
>
  <use xlink:href="../sprite.svg#save" />
</svg>

Depending on the location of the file sprite.svg, the path might differ. The fragment identifier after the file path (in the above code sample #save) is the ID of the icon to use. The ID is generated from the original icon file name. Please refer to the icon list below for all ID’s.

SVG sprite resource URL

The SVG sprite can be downloaded for use from the follow URL:

https://ui.dev.digitalwinecellar.eu/sprite.svg

Icon map