diff --git a/apps/client/src/widgets/note_icon.tsx b/apps/client/src/widgets/note_icon.tsx
index 516af3923..b62d5fc53 100644
--- a/apps/client/src/widgets/note_icon.tsx
+++ b/apps/client/src/widgets/note_icon.tsx
@@ -192,10 +192,11 @@ function IconFilterContent({ filterByPrefix, setFilterByPrefix }: {
             >{t("note_icon.filter-default")}</FormListItem>
             <FormDropdownDivider />
 
-            {glob.iconRegistry.sources.map(({ prefix, name }) => (
+            {glob.iconRegistry.sources.map(({ prefix, name, icon }) => (
                 <FormListItem
                     key={prefix}
                     onClick={() => setFilterByPrefix(prefix)}
+                    icon={icon}
                     checked={filterByPrefix === prefix}
                 >{name}</FormListItem>
             ))}
diff --git a/apps/server/src/services/icon_packs.ts b/apps/server/src/services/icon_packs.ts
index 851ca92a7..fa618d8ca 100644
--- a/apps/server/src/services/icon_packs.ts
+++ b/apps/server/src/services/icon_packs.ts
@@ -54,6 +54,7 @@ export function generateIconRegistry(iconPacks: ProcessResult[]): IconRegistry {
         sources.push({
             prefix: manifest.prefix,
             name: manifestNote.title,
+            icon: manifestNote.getIcon(),
             icons
         });
     }
diff --git a/packages/commons/src/lib/server_api.ts b/packages/commons/src/lib/server_api.ts
index d5a76929f..a15192fd2 100644
--- a/packages/commons/src/lib/server_api.ts
+++ b/packages/commons/src/lib/server_api.ts
@@ -290,6 +290,8 @@ export interface IconRegistry {
     sources: {
         prefix: string;
         name: string;
+        /** An icon class to identify this icon pack. */
+        icon: string;
         icons: {
             id: string;
             terms: string[];