Examples
Recommendation: Path Intellisense - Visual Studio Code plugin that autocompletes filenames.
<div class="icon">
@@include("assets/img/icons/settings.svg")
</div>
Size
Use .icon-xs, .icon-sm, .icon-lg and .icon-xl for changing the icon’s size.
<div class="icon icon-xl">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon icon-lg">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon icon-sm">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon icon-xs">
@@include("assets/img/icons/settings.svg")
</div>
Colors
Colorize icons with color utilities:
<div class="icon text-primary">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-secondary">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-success">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-danger">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-warning">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-info">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-light">
@@include("assets/img/icons/settings.svg")
</div>
<div class="icon text-dark">
@@include("assets/img/icons/settings.svg")
</div>