From 5f780834706586aa2db954c7c4e01cd872cf5634 Mon Sep 17 00:00:00 2001
From: Ludy <Ludy87@users.noreply.github.com>
Date: Mon, 25 May 2026 18:02:59 +0200
Subject: [PATCH] Fix unresolved Material Symbols icon names in frontend
 (#6443)

---
 .../src/core/components/tools/sign/SignSettings.tsx  |  2 +-
 .../src/core/components/viewer/CommentsSidebar.tsx   |  4 ++--
 .../src/core/tools/annotate/AnnotationPanel.tsx      |  2 +-
 .../config/configSections/AdminDatabaseSection.tsx   |  6 +-----
 .../src/saas/components/tools/sign/SignSettings.tsx  | 12 ++----------
 5 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/frontend/editor/src/core/components/tools/sign/SignSettings.tsx b/frontend/editor/src/core/components/tools/sign/SignSettings.tsx
index 17a348ed8..bdaa47393 100644
--- a/frontend/editor/src/core/components/tools/sign/SignSettings.tsx
+++ b/frontend/editor/src/core/components/tools/sign/SignSettings.tsx
@@ -1137,7 +1137,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon icon="pause-rounded" width={20} height={20} />
+            <LocalIcon icon="pause-circle-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.pause", "Pause placement")}
             </Text>
diff --git a/frontend/editor/src/core/components/viewer/CommentsSidebar.tsx b/frontend/editor/src/core/components/viewer/CommentsSidebar.tsx
index ffd39517a..0c7cb6dfb 100644
--- a/frontend/editor/src/core/components/viewer/CommentsSidebar.tsx
+++ b/frontend/editor/src/core/components/viewer/CommentsSidebar.tsx
@@ -125,7 +125,7 @@ const TOOL_ICON_MAP: Record<string, string> = {
   squiggly: "show-chart",
   ink: "edit",
   inkHighlighter: "brush",
-  square: "crop-square",
+  square: "crop-square-outline",
   circle: "radio-button-unchecked",
   line: "show-chart",
   lineArrow: "show-chart",
@@ -144,7 +144,7 @@ function getIconByType(type: number | undefined): string {
   if (type === 1) return "comment";
   if (type === 3) return "sticky-note-2";
   if (type === 4 || type === 8) return "show-chart";
-  if (type === 5) return "crop-square";
+  if (type === 5) return "crop-square-outline";
   if (type === 6) return "radio-button-unchecked";
   if (type === 7 || type === 8) return "change-history";
   if (type === 9) return "highlight";
diff --git a/frontend/editor/src/core/tools/annotate/AnnotationPanel.tsx b/frontend/editor/src/core/tools/annotate/AnnotationPanel.tsx
index eead60303..f65b031d1 100644
--- a/frontend/editor/src/core/tools/annotate/AnnotationPanel.tsx
+++ b/frontend/editor/src/core/tools/annotate/AnnotationPanel.tsx
@@ -259,7 +259,7 @@ export function AnnotationPanel(props: AnnotationPanelProps) {
     {
       id: "square",
       label: t("annotation.square", "Square"),
-      icon: "crop-square",
+      icon: "crop-square-outline",
     },
     {
       id: "circle",
diff --git a/frontend/editor/src/proprietary/components/shared/config/configSections/AdminDatabaseSection.tsx b/frontend/editor/src/proprietary/components/shared/config/configSections/AdminDatabaseSection.tsx
index 0d1444c84..68051b178 100644
--- a/frontend/editor/src/proprietary/components/shared/config/configSections/AdminDatabaseSection.tsx
+++ b/frontend/editor/src/proprietary/components/shared/config/configSections/AdminDatabaseSection.tsx
@@ -797,11 +797,7 @@ export default function AdminDatabaseSection() {
                     </Button>
                     <Button
                       leftSection={
-                        <LocalIcon
-                          icon="cloud-upload"
-                          width="1rem"
-                          height="1rem"
-                        />
+                        <LocalIcon icon="upload" width="1rem" height="1rem" />
                       }
                       onClick={handleCreateBackup}
                       loading={creatingBackup}
diff --git a/frontend/editor/src/saas/components/tools/sign/SignSettings.tsx b/frontend/editor/src/saas/components/tools/sign/SignSettings.tsx
index c2508aac9..3e181b19a 100644
--- a/frontend/editor/src/saas/components/tools/sign/SignSettings.tsx
+++ b/frontend/editor/src/saas/components/tools/sign/SignSettings.tsx
@@ -1169,11 +1169,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon
-              icon="material-symbols:pause-rounded"
-              width={20}
-              height={20}
-            />
+            <LocalIcon icon="pause-circle-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.pause", "Pause placement")}
             </Text>
@@ -1197,11 +1193,7 @@ const SignSettings = ({
               gap: "0.4rem",
             }}
           >
-            <LocalIcon
-              icon="material-symbols:play-arrow-rounded"
-              width={20}
-              height={20}
-            />
+            <LocalIcon icon="play-arrow-rounded" width={20} height={20} />
             <Text component="span" size="sm" fw={500}>
               {translate("mode.resume", "Resume placement")}
             </Text>