diff --git a/packages/editor-ui/src/plugins/icons/index.ts b/packages/editor-ui/src/plugins/icons/index.ts
index 880500458fc3d..454f76f2b0722 100644
--- a/packages/editor-ui/src/plugins/icons/index.ts
+++ b/packages/editor-ui/src/plugins/icons/index.ts
@@ -350,3 +350,7 @@ type LibraryWithDefinitions = Library & {
 };
 
 export const iconLibrary = library as LibraryWithDefinitions;
+
+export const getAllIconNames = () => {
+	return Object.keys(iconLibrary.definitions.fas);
+};
diff --git a/packages/editor-ui/src/views/ProjectSettings.vue b/packages/editor-ui/src/views/ProjectSettings.vue
index 6a68e741c876b..59ee76b935c6e 100644
--- a/packages/editor-ui/src/views/ProjectSettings.vue
+++ b/packages/editor-ui/src/views/ProjectSettings.vue
@@ -20,7 +20,7 @@ import { useTelemetry } from '@/composables/useTelemetry';
 import { useDocumentTitle } from '@/composables/useDocumentTitle';
 import ProjectHeader from '@/components/Projects/ProjectHeader.vue';
 
-import { iconLibrary } from '@/plugins/icons';
+import { getAllIconNames } from '@/plugins/icons';
 
 type FormDataDiff = {
 	name?: string;
@@ -55,7 +55,7 @@ const projectRoleTranslations = ref<{ [key: string]: string }>({
 });
 const nameInput = ref<InstanceType<typeof N8nFormInput> | null>(null);
 
-const availableProjectIcons: string[] = Object.keys(iconLibrary.definitions.fas);
+const availableProjectIcons: string[] = getAllIconNames();
 
 const projectIcon = ref<ProjectIcon>({
 	type: 'icon',