diff --git a/src/lib/website/EditableWebsite.svelte b/src/lib/website/EditableWebsite.svelte
index 82f545a..bfeaed9 100644
--- a/src/lib/website/EditableWebsite.svelte
+++ b/src/lib/website/EditableWebsite.svelte
@@ -15,7 +15,8 @@
 		savePage,
 		scrollToItem,
 		setPositionOfNewItem,
-		validateLink
+		validateLink,
+		getImage
 	} from '../helper';
 	import EditableProfile from './EditableProfile.svelte';
 	import type { Item, WebsiteData } from '../types';
@@ -579,7 +580,7 @@
 />
 
 <Head
-	favicon={data.profile.avatar ?? null}
+	favicon={getImage(data.publication, data.did, 'icon') || data.profile.avatar}
 	title={getName(data)}
 	image={'/' + data.handle + '/og.png'}
 	accentColor={data.publication?.preferences?.accentColor}
diff --git a/src/lib/website/Website.svelte b/src/lib/website/Website.svelte
index 1932a9f..192e239 100644
--- a/src/lib/website/Website.svelte
+++ b/src/lib/website/Website.svelte
@@ -6,7 +6,8 @@
 		getHideProfileSection,
 		getProfilePosition,
 		getName,
-		sortItems
+		sortItems,
+		getImage
 	} from '../helper';
 	import { innerWidth } from 'svelte/reactivity/window';
 	import { setDidContext, setHandleContext, setIsMobile } from './context';
@@ -56,7 +57,7 @@
 </script>
 
 <Head
-	favicon={data.profile.avatar ?? null}
+	favicon={getImage(data.publication, data.did, 'icon') || data.profile.avatar}
 	title={getName(data)}
 	image={'/' + data.handle + '/og.png'}
 	description={getDescription(data)}
