<svg viewbox="-4 -4 32 32" class="pb-icon
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--active
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--circle
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--square
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--invert
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--invert pb-icon--square
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--dense
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--big
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--large
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>

<svg viewbox="-4 -4 32 32" class="pb-icon
 pb-icon--inline
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_settings"/>
</svg>