Symbols
Avatars
<div class="symbol-img symbol-img-50px me-10">
<img src="assets/img/designs/avatars/300-1.jpg" alt="">
</div>
Labels
A
L
C
T
X
S
<!-- Without background color -->
<div class="symbol-label symbol-label-50px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>
<!-- With background color -->
<div class="symbol-label symbol-label-50px bg-danger text-light me-10">
<div class="fs-2 fw-semibold">L</div>
</div>
Sizes
A
A
A
A
A
<!-- 200 px -->
<div class="symbol-label symbol-label-200px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>
<!-- 150 px -->
<div class="symbol-label symbol-label-150px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>
<!-- 100 px -->
<div class="symbol-label symbol-label-100px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>
<!-- 75 px -->
<div class="symbol-label symbol-label-75px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>
<!-- 50 px -->
<div class="symbol-label symbol-label-50px text-success me-10">
<div class="fs-2 fw-semibold">A</div>
</div>