md-icon {
    color: mat-color($foreground, icon);
}
.exo-dark-theme{
    md-icon {
        color: mat-color($dark-foreground, icon);
    }   
}
md-icon.mat-list-avatar{
    &.mat-primary{
        background-color: mat-color($primary, 0.26) !important;
    }
    &.mat-accent{
        background-color: mat-color($accent, 0.26) !important;
    }
    &.mat-success{
        @include mat-icon-color($mat-teal, A400);
    }
    &:not(.mat-primary):not(.mat-accent):not(.mat-success) {
        $base-color: mat-color($foreground, 'icon');
        background-color: rgba($base-color, 0.26);
    }
}


md-icon.md-16 {
  font-size: 16px;
  height: 16px;
  width: 16px; 
}

md-icon.md-14 {
  font-size: 14px;
  height: 14px;
  width: 14px; 
}

md-icon {
    color: mat-color($foreground, icon);
}
.exo-dark-theme{
    md-icon {
        color: mat-color($dark-foreground, icon);
    }   
}
md-icon.mat-list-avatar{
    &.mat-primary{
        background-color: mat-color($primary, 0.26) !important;
    }
    &.mat-accent{
        background-color: mat-color($accent, 0.26) !important;
    }
    &.mat-success{
        @include mat-icon-color($mat-teal, A400);
    }
    &:not(.mat-primary):not(.mat-accent):not(.mat-success) {
        $base-color: mat-color($foreground, 'icon');
        background-color: rgba($base-color, 0.26);
    }
}


md-icon.md-16 {
  font-size: 16px;
  height: 16px;
  width: 16px; 
}

md-icon.md-14 {
  font-size: 14px;
  height: 14px;
  width: 14px; 
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

Add class for avatar images
Add class for avatar images
