Avatar

User profile pictures and identity icons with various sizes and styles.

Avatar Sizes

AB
CD
EF
GH
<div class="ethio-avatar ethio-avatar-sm">AB</div>
  <div class="ethio-avatar ethio-avatar-md">CD</div>
  <div class="ethio-avatar ethio-avatar-lg">EF</div>
  <div class="ethio-avatar ethio-avatar-xl">GH</div>

Avatar Variants

AB
CD
EF
GH
IJ
<div class="ethio-avatar ethio-avatar-md">AB</div>
        <div class="ethio-avatar ethio-avatar-secondary ethio-avatar-md">CD</div>
        <div class="ethio-avatar ethio-avatar-success ethio-avatar-md">EF</div>
        <div class="ethio-avatar ethio-avatar-warning ethio-avatar-md">GH</div>
        <div class="ethio-avatar ethio-avatar-error ethio-avatar-md">IJ</div>

Image Avatars

AB
CD
EF
<div class="ethio-avatar ethio-avatar-md">
      <img src="/path/to/image.jpg" alt="User">
    </div>
    <div class="ethio-avatar ethio-avatar-lg">
      <img src="/path/to/image.jpg" alt="User">
    </div>
    <div class="ethio-avatar ethio-avatar-xl">
      <img src="/path/to/image.jpg" alt="User">
    </div>