diff --git a/frontend/src/components/Header/SmallHeader.tsx b/frontend/src/components/Header/SmallHeader.tsx
index a2ab24d44..00427fc86 100644
--- a/frontend/src/components/Header/SmallHeader.tsx
+++ b/frontend/src/components/Header/SmallHeader.tsx
@@ -42,8 +42,8 @@ function SmallHeader() {
       linkProps: {
         to: link.url
       },
-      text: <>{link.label} {link.showNewBadge && <Badge small={true} severity='success' noIcon={true} className="fr-ml-1w">Nouveau</Badge>}</>,
-      isActive: location.pathname.startsWith(link.url)
+      text: <><span className={link.icon} aria-hidden="true"></span> {link.label} {link.showNewBadge && <Badge small={true} severity='success' noIcon={true} className="fr-ml-1w">Nouveau</Badge>}</>,
+      isActive: location.pathname.startsWith(link.url),
     };
   }
 
diff --git a/frontend/src/models/UserNavItem.tsx b/frontend/src/models/UserNavItem.tsx
index 6e4044309..6b71ad431 100644
--- a/frontend/src/models/UserNavItem.tsx
+++ b/frontend/src/models/UserNavItem.tsx
@@ -9,19 +9,20 @@ export interface UserNavItem {
   url: string;
   label: string;
   showNewBadge?: boolean;
+  icon: string;
 }
 
 export const getUserNavItem = (userNavItem: UserNavItems): UserNavItem => {
   switch (userNavItem) {
     case UserNavItems.Campaign:
-      return { url: '/campagnes', label: 'Campagnes' };
+      return { url: '/campagnes', label: 'Campagnes', icon: 'fr-icon-mail-line' };
     case UserNavItems.HousingList:
-      return { url: '/parc-de-logements', label: 'Parc de logements' };
+      return { url: '/parc-de-logements', label: 'Parc de logements', icon: 'fr-icon-building-line' };
     case UserNavItems.Resources:
-      return { url: '/ressources', label: 'Ressources' };
+      return { url: '/ressources', label: 'Ressources', icon: 'fr-icon-information-line' };
     case UserNavItems.Analysis:
-      return { url: '/analyses', label: 'Analyses', showNewBadge: true };
+      return { url: '/analyses', label: 'Analyses', showNewBadge: true, icon: 'fr-icon-bar-chart-box-line' };
     default:
-      return { url: '/', label: 'Accueil' };
+      return { url: '/', label: 'Accueil', icon: 'fr-icon-building-line' };
   }
 };