Icons

Inertia 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`