Icons

This theme includes these 3 icon sets:

SVG Ionicons


                <div class="svg-icon text-primary">

                    @@include("assets/img/ionicons/hammer-outline.svg")

                </div>

SVG Stockholm Duotone Icons


                <div class="svg-icon text-darkblue">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

SVG Size and color


                <div class="svg-icon svg-icon-xs text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

                <div class="svg-icon svg-icon-sm text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

                <div class="svg-icon text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

                <div class="svg-icon svg-icon-lg text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

                <div class="svg-icon svg-icon-xl text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

                <div class="svg-icon svg-icon-xxl text-primary">

                    @@include("assets/img/stockholm/Shopping/Box-2.svg")

                </div>

Font Awesome

The iconic font and CSS toolkit.


                <i class="fab fa-2x fa-canadian-maple-leaf text-primary"></i>

                <i class="far fa-2x fa-check-circle text-success"></i>

                <i class="fas fa-2x fa-bell text-darkblue"></i>

Put any icon inside a circle with `.icon-circle`


                <div class="icon-circle icon-circle-xs bg-pistachio text-dark">

                    <i class="fas fa-ellipsis-h fa-xs"></i>

                </div>


                <div class="icon-circle icon-circle-sm bg-success text-white">

                    <i class="fas fa-check fa-xs"></i>

                </div>


                <div class="icon-circle bg-primary text-white">

                    @@include("assets/img/stockholm/Design/Select.svg")

                </div>


                <div class="icon-circle icon-circle-lg bg-warning text-dark">

                    <i class="fas fa-terminal fa-lg"></i>

                </div>


                <div class="icon-circle icon-circle-xl bg-dark text-white">

                    @@include("assets/img/ionicons/layers-outline.svg")

                </div>

Icons

SVG Ionicons

SVG Stockholm Duotone Icons

SVG Size and color

Font Awesome

Put any icon inside a circle with .icon-circle

Put any icon inside a circle with `.icon-circle`