@if (tag().svgIcon) {
  <mat-icon
    [svgIcon]="tag().svgIcon!"
    [style.color]="color()"
    class="tag-ico tag-ico-svg"
  ></mat-icon>
} @else if (tag().icon) {
  @if (isEmojiIcon()) {
    <span
      [style.color]="color()"
      class="tag-ico tag-ico-emoji"
      >{{ tag().icon }}
    </span>
  } @else {
    <mat-icon
      [style.color]="color()"
      class="tag-ico"
      >{{ tag().icon }}
    </mat-icon>
  }
} @else {
  <div
    class="circle"
    [style.background]="color()"
  ></div>
}
@if (!isHideTitle()) {
  <span class="tag-title">{{ tag().title }}</span>
}