Icon Circle Regular

<!-- Default -->
<span class="sds-iconCircle" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Ghost -->
<span class="sds-iconCircle -ghost" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Secondary 60 -->
<span class="sds-iconCircle -secondary60" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Secondary 10 -->
<span class="sds-iconCircle -secondary10" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Secondary 15 Small -->
<span class="sds-iconCircle -secondary15 -small" aria-hidden="true">

    <span class="sds-icon sds-icon-instrument"></span>

</span>

<!-- Secondary 100 Outline Small -->
<span class="sds-iconCircle -secondary100Outline -small" aria-hidden="true">

    <span class="sds-icon sds-icon-euro"></span>

</span>

<!-- Not Selected -->
<span class="sds-iconCircle -notSelected" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Secondary 10 Svg -->
<span class="sds-iconCircle -secondary10" aria-hidden="true">

    <img src="../../media/snet/svg-icons/22x/icon-comm-administration.svg" alt="">

</span>

<!-- Secondary 10 Big -->
<span class="sds-iconCircle -secondary10 -big" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Secondary 10 Big Svg -->
<span class="sds-iconCircle -secondary10 -big" aria-hidden="true">

    <img src="../../media/snet/svg-icons/34x/icon-cat-house.svg" alt="">

</span>

<!-- Secondary 100 -->
<span class="sds-iconCircle -secondary100" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Info 100 -->
<span class="sds-iconCircle -info100" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 100 -->
<span class="sds-iconCircle -success100" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 10 -->
<span class="sds-iconCircle -success10 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-sign"></span>

</span>

<!-- Highlight 100 -->
<span class="sds-iconCircle -highlight100 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-clock"></span>

</span>

<!-- Primary 100 -->
<span class="sds-iconCircle -primary100" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Primary 100 Outline Smaller -->
<span class="sds-iconCircle -primary100Outline -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Warning 120 Outline Smaller -->
<span class="sds-iconCircle -warning120Outline -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Warning 10 -->
<span class="sds-iconCircle -warning10" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Warning 10 Small -->
<span class="sds-iconCircle -warning10 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Warning 100 Smaller -->
<span class="sds-iconCircle -warning100 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-sign"></span>

</span>

<!-- Secondary 100 Small -->
<span class="sds-iconCircle -secondary100 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-hourglass"></span>

</span>

<!-- Secondary 10 Small -->
<span class="sds-iconCircle -secondary10 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Info 100 Small -->
<span class="sds-iconCircle -info100 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 100 Small -->
<span class="sds-iconCircle -success100 -small" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 100 Stroke Smaller -->
<span class="sds-iconCircle -success100Stroke -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 100 Outline Smaller -->
<span class="sds-iconCircle -success100Outline -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success 100 Smaller -->
<span class="sds-iconCircle -success100 -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Info 100 Big -->
<span class="sds-iconCircle -info100 -big" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Info 100 Big -->
<span class="sds-iconCircle -info100 -big" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Success Gradient -->
<span class="sds-iconCircle -successG" aria-hidden="true">

    <span class="sds-icon sds-icon-adviser"></span>

</span>

<!-- Primary Gradient Small -->
<span class="sds-iconCircle -primaryG -smaller" aria-hidden="true">

    <span class="sds-icon sds-icon-plus"></span>

</span>