Icon

<!-- Angle Down -->
<svg class="di di-angle-down">
    <use href="../../dso-icons.svg#angle-down" />
</svg>

<!-- Angle Left -->
<svg class="di di-angle-left">
    <use href="../../dso-icons.svg#angle-left" />
</svg>

<!-- Angle Right -->
<svg class="di di-angle-right">
    <use href="../../dso-icons.svg#angle-right" />
</svg>

<!-- Angle Up -->
<svg class="di di-angle-up">
    <use href="../../dso-icons.svg#angle-up" />
</svg>

<!-- At -->
<svg class="di di-at">
    <use href="../../dso-icons.svg#at" />
</svg>

<!-- Bars -->
<svg class="di di-bars">
    <use href="../../dso-icons.svg#bars" />
</svg>

<!-- Calendar -->
<svg class="di di-calendar">
    <use href="../../dso-icons.svg#calendar" />
</svg>

<!-- Caret Down -->
<svg class="di di-caret-down">
    <use href="../../dso-icons.svg#caret-down" />
</svg>

<!-- Check -->
<svg class="di di-check">
    <use href="../../dso-icons.svg#check" />
</svg>

<!-- Chevron Down -->
<svg class="di di-chevron-down">
    <use href="../../dso-icons.svg#chevron-down" />
</svg>

<!-- Chevron Left -->
<svg class="di di-chevron-left">
    <use href="../../dso-icons.svg#chevron-left" />
</svg>

<!-- Chevron Right -->
<svg class="di di-chevron-right">
    <use href="../../dso-icons.svg#chevron-right" />
</svg>

<!-- Chevron Up -->
<svg class="di di-chevron-up">
    <use href="../../dso-icons.svg#chevron-up" />
</svg>

<!-- Circle Notch -->
<svg class="di di-circle-notch">
    <use href="../../dso-icons.svg#circle-notch" />
</svg>

<!-- Copy -->
<svg class="di di-copy">
    <use href="../../dso-icons.svg#copy" />
</svg>

<!-- Download -->
<svg class="di di-download">
    <use href="../../dso-icons.svg#download" />
</svg>

<!-- External Link -->
<svg class="di di-external-link">
    <use href="../../dso-icons.svg#external-link" />
</svg>

<!-- Forbidden -->
<svg class="di di-forbidden">
    <use href="../../dso-icons.svg#forbidden" />
</svg>

<!-- Info Active -->
<svg class="di di-info-active">
    <use href="../../dso-icons.svg#info-active" />
</svg>

<!-- Info -->
<svg class="di di-info">
    <use href="../../dso-icons.svg#info" />
</svg>

<!-- Paperclip -->
<svg class="di di-paperclip">
    <use href="../../dso-icons.svg#paperclip" />
</svg>

<!-- Pencil -->
<svg class="di di-pencil">
    <use href="../../dso-icons.svg#pencil" />
</svg>

<!-- Plus -->
<svg class="di di-plus">
    <use href="../../dso-icons.svg#plus" />
</svg>

<!-- Redo -->
<svg class="di di-redo">
    <use href="../../dso-icons.svg#redo" />
</svg>

<!-- Search -->
<svg class="di di-search">
    <use href="../../dso-icons.svg#search" />
</svg>

<!-- Status Danger -->
<svg class="di di-status-danger">
    <use href="../../dso-icons.svg#status-danger" />
</svg>

<!-- Status Info -->
<svg class="di di-status-info">
    <use href="../../dso-icons.svg#status-info" />
</svg>

<!-- Status Success -->
<svg class="di di-status-success">
    <use href="../../dso-icons.svg#status-success" />
</svg>

<!-- Status Warning -->
<svg class="di di-status-warning">
    <use href="../../dso-icons.svg#status-warning" />
</svg>

<!-- Times -->
<svg class="di di-times">
    <use href="../../dso-icons.svg#times" />
</svg>

<!-- Trash -->
<svg class="di di-trash">
    <use href="../../dso-icons.svg#trash" />
</svg>

<!-- User -->
<svg class="di di-user">
    <use href="../../dso-icons.svg#user" />
</svg>

<!-- Users -->
<svg class="di di-users">
    <use href="../../dso-icons.svg#users" />
</svg>

<!-- Wip Wip -->
<svg class="di di-wip-wip">
    <use href="../../dso-icons.svg#wip-wip" />
</svg>