...

Icons

Skola only

Skola comes with two icon sets and an Icon component to easily control their colouring and sizing.

<div class="icon">
  @@include("../assets/img/icons/icon-write.svg")
</div>

Sizing

Using Bootstrap’s typical naming structure, you can create a standard icon, or scale it up to different sizes based on what’s needed.

<div class="icon icon-xl text-primary">
  @@include("assets/img/icons/icon-alaram.svg")
</div>

<div class="icon icon-lg text-primary">
  @@include("assets/img/icons/icon-alaram.svg")
</div>

<div class="icon text-primary">
  @@include("assets/img/icons/icon-alaram.svg")
</div>

<div class="icon icon-sm text-primary">
  @@include("assets/img/icons/icon-alaram.svg")
</div>

<div class="icon icon-xs text-primary">
  @@include("assets/img/icons/icon-alaram.svg")
</div>
Jump to