Fehlerhafte Darstellungen im Edge

[einsiedler]

Ja gut, hab es soweit (aber noch nicht hochgeleaden!)

Ich habe mich an die Pseudo-Elementen Variante gewöhnt

`nav > [aria-expanded="false"]::before { content: '\f0c9'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } << Sandwich

nav > [aria-expanded]::before { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } << x (zurück) `

Aber wie mach ich das nun wenn ich ein Link zum svg habe

<svg aria-hidden="true"><use xlink:href="https://example.net/path/to/icons.svg#hamburger-icon"/></svg>

Pseudo-elemente funktionieren ja nicht, aber ich benötige 2 Icons (Ssandwich + X (für zurück!)

Wie macht man das nun?