Sizing
Scale icons with simple class suffixes. All sizes are relative to the current font-size.
Size Classes
Add a size modifier class alongside the base trker and icon classes:
| Class | Size | Preview |
|---|---|---|
.trker-xs |
0.75em | |
.trker-sm |
0.875em | |
.trker-lg |
1.33em | |
.trker-2x |
2em | |
.trker-3x |
3em | |
.trker-4x |
4em | |
.trker-5x |
5em |
<i class="trker trker-home trker-xs"></i>
<i class="trker trker-home trker-2x"></i>
<i class="trker trker-home trker-5x"></i>Arbitrary Sizes
For sizes not covered by the built-in classes, use inline CSS or your framework's utilities:
/* CSS */
.icon-custom { font-size: 2.5rem; }
<!-- Tailwind arbitrary value -->
<i class="trker trker-home text-[2.5rem]"></i>