Border
Add a border frame around any icon — square or circle — with a single class.
Border Classes
| Class | Description |
|---|---|
.trker-border |
Adds a thin border around the icon with some padding |
.trker-border-circle |
Border + circular shape (border-radius: 50%) |
.trker-border-square |
Border + slightly rounded square shape |
Live Preview
trker-border
trker-border-circle
trker-border-square
colored
<!-- Plain border -->
<i class="trker trker-user trker-border"></i>
<!-- Circle border -->
<i class="trker trker-user trker-border-circle trker-2x"></i>
<!-- Square border -->
<i class="trker trker-user trker-border-square trker-2x"></i>Coloring the Border
The border inherits currentColor, so you can color it with any text-color utility:
<!-- Tailwind color -->
<i class="trker trker-star trker-border-circle text-yellow-400"></i>
<!-- Custom CSS -->
<i class="trker trker-star trker-border-circle"
style="color: #f59e0b"></i>