Custom Header Links (icons)

Introducing Font Awesome 5 and SVG icons

Hi, I’m not able to render a custom svg icon and I welcome your help identifying what I’m doing wrong.

I have uploaded an svg file to the Default theme:

Then I have added the following to this theme component:

image

image

I have used icons-sprite, fa-icons-sprite, and fab-icons-sprite, but the svg doesn’t render. The placeholder is there, one can click it, and the link works, but the rectangle has no icon in it.

The inspector shows this:
<svg class="fa d-icon d-icon-fab-icons-sprite svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#fab-icons-sprite"></use></svg>