<svg:use [attr.xlink:href]="icon"
        [attr.width]="useWidth"
        [attr.height]="useHeight"
        [attr.x]="useX"
        [attr.y]="useY">
</svg:use>
<svg:text
    [attr.x]="0"
    [attr.y]="textY"
    [attr.text-anchor]="'middle'"
    [attr.font-size]="fontSize">
        <tspan [attr.x]="spanX" [attr.dy]="text1Y">{{ text1 }}</tspan>
        <tspan [attr.x]="spanX" [attr.dy]="text2Y">{{ text2 }}</tspan>
</svg:text>
<svg:g svg-secondary-role
       *ngIf="secondaryText"
       [height]="20"
       [width]="width"
       [y]="secondaryTextY"
       [text]="secondaryText">
</svg:g>
