diff --git a/data/configs/default.json b/data/configs/default.json
index 7eebc4a93..456206c17 100644
--- a/data/configs/default.json
+++ b/data/configs/default.json
@@ -375,7 +375,7 @@
},
"pageTitle": "Homarr v0.11 ⭐️",
"logoImageUrl": "/imgs/logo/logo.png",
- "faviconUrl": "/imgs/favicon/favicon-squared",
+ "faviconUrl": "/imgs/favicon/favicon-squared.png",
"backgroundImageUrl": "",
"customCss": "",
"colors": {
diff --git a/src/components/Settings/Customization/Meta/BackgroundChanger.tsx b/src/components/Settings/Customization/Meta/BackgroundChanger.tsx
index 3bbad0908..1b26c6de8 100644
--- a/src/components/Settings/Customization/Meta/BackgroundChanger.tsx
+++ b/src/components/Settings/Customization/Meta/BackgroundChanger.tsx
@@ -33,7 +33,7 @@ export const BackgroundChanger = () => {
return (
diff --git a/src/components/Settings/Customization/Meta/FaviconChanger.tsx b/src/components/Settings/Customization/Meta/FaviconChanger.tsx
index f92252244..0358ec34c 100644
--- a/src/components/Settings/Customization/Meta/FaviconChanger.tsx
+++ b/src/components/Settings/Customization/Meta/FaviconChanger.tsx
@@ -9,7 +9,7 @@ export const FaviconChanger = () => {
const updateConfig = useConfigStore((x) => x.updateConfig);
const { config, name: configName } = useConfigContext();
const [faviconUrl, setFaviconUrl] = useState(
- config?.settings.customization.faviconUrl ?? '/imgs/favicon/favicon-squared.png'
+ config?.settings.customization.faviconUrl ?? '/imgs/favicon/favicon.svg'
);
if (!configName) return null;
diff --git a/src/components/layout/header/Meta/Head.tsx b/src/components/layout/header/Meta/Head.tsx
index a0cb45691..d63a61c10 100644
--- a/src/components/layout/header/Meta/Head.tsx
+++ b/src/components/layout/header/Meta/Head.tsx
@@ -20,7 +20,7 @@ export function Head() {
{/* configure apple splash screen & touch icon */}