diff --git a/docs/index.html b/docs/index.html
index e2ea97fd3..e6fb20d17 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,12 +9,12 @@
   <h1>Paris 2024 Summer Olympic Games calendars</h1>
   <h2>By sport</h2>
   <ul>
-    <li><a href="sport/3x3-basketball.ics">3x3-basketball</a></li>
-<li><a href="sport/basketball.ics">basketball</a></li>
-<li><a href="sport/football.ics">football</a></li>
-<li><a href="sport/handball.ics">handball</a></li>
-<li><a href="sport/hockey.ics">hockey</a></li>
-<li><a href="sport/volleyball.ics">volleyball</a></li>
+    <li><a href="sport/3x3-basketball.ics">🏀3 3x3-basketball</a></li>
+<li><a href="sport/basketball.ics">🏀 basketball</a></li>
+<li><a href="sport/football.ics">⚽ football</a></li>
+<li><a href="sport/handball.ics">🤾 handball</a></li>
+<li><a href="sport/hockey.ics">🏑 hockey</a></li>
+<li><a href="sport/volleyball.ics">🏐 volleyball</a></li>
   </ul>
   <h2>By team</h2>
   <ul>
diff --git a/index.js b/index.js
index 97c4fbb18..eb7f1ad90 100644
--- a/index.js
+++ b/index.js
@@ -159,7 +159,7 @@ const main = async () => {
 
   const template = fs.readFileSync(`${__dirname}/template.html`, 'utf-8');
   const output = template
-    .replace('{{sports}}', sports.map(sport => `<li><a href="sport/${sport}.ics">${sport}</a></li>`).join('\n'))
+    .replace('{{sports}}', sports.map(sport => `<li><a href="sport/${sport}.ics">${getSportIcon(sport)} ${sport}</a></li>`).join('\n'))
     .replace('{{teams}}', Object.keys(teams).sort().filter(team => !team.startsWith("Winner")).map(team => `<li><a href="team/${team.toLowerCase().replace(/ /g, '-')}.ics">${countryNameAndFlag(team, true)}</a></li>`).join('\n'))
 
   fs.writeFileSync('docs/index.html', output);