<span
  role="heading"
  [appTooltip]="text"
  [title]="title"
  [style.color]="iconColor"
  class="info-tooltip ml-2"
  placement="bottom"
  tabindex="0"
>
  <svg class="icon icon-info" height="20" width="20">
    <title class="visually-hidden" id="icon-info-{{ uniqueId }}">{{ 'Hint' | translate }}</title>
    <use [attr.xlink:href]="'/assets/icomoon/sprite/sprite.svg#icon-info'"></use>
  </svg>
</span>
