From a68fa06ff9a23928564eac88def7f6a8eb2e77c1 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens@goauthentik.io>
Date: Sun, 19 Feb 2023 19:45:57 +0100
Subject: [PATCH] web/flows: fix fa:// icons in sources not shown correctly

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 web/src/flow/stages/identification/IdentificationStage.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/flow/stages/identification/IdentificationStage.ts b/web/src/flow/stages/identification/IdentificationStage.ts
index 9b167b526..25f407a39 100644
--- a/web/src/flow/stages/identification/IdentificationStage.ts
+++ b/web/src/flow/stages/identification/IdentificationStage.ts
@@ -158,7 +158,12 @@ export class IdentificationStage extends BaseStage<
     renderSource(source: LoginSource): TemplateResult {
         let icon = html`<i class="fas fa-share-square" title="${source.name}"></i>`;
         if (source.iconUrl) {
-            icon = html`<img src="${source.iconUrl}" alt="${source.name}" />`;
+            if (source.iconUrl.startsWith("fa://")) {
+                const url = source.iconUrl.replaceAll("fa://", "");
+                icon = html`<i class="fas ${url}" title="${source.name}"></i>`;
+            } else {
+                icon = html`<img src="${source.iconUrl}" alt="${source.name}" />`;
+            }
         }
         return html`<li class="pf-c-login__main-footer-links-item">
             <button