diff --git a/CHANGELOG.md b/CHANGELOG.md
index 74717d8c5..06b6b9198 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@
   [#544](https://github.com/nextcloud/cookbook/pull/544/) @seyfeb
 - Centralized some recipe tasks (create, update, delete)
   [#546](https://github.com/nextcloud/cookbook/pull/546/) @seyfeb
+- Added icon for recipes in navigation pane, closes #550
+  [#560](https://github.com/nextcloud/cookbook/pull/560/) @seyfeb
 
 ### Fixed
 - Added some documentation how to install GH action generated builds
diff --git a/src/components/AppNavi.vue b/src/components/AppNavi.vue
index eac10f138..9cd085338 100644
--- a/src/components/AppNavi.vue
+++ b/src/components/AppNavi.vue
@@ -40,7 +40,7 @@
                         :key="idx+'-'+idy"
                         :title="rec.name"
                         :to="'/recipe/'+rec.recipe_id"
-                        :icon="$store.state.loadingRecipe===parseInt(rec.recipe_id) || !rec.recipe_id ? 'icon-loading-small' : null"
+                        :icon="$store.state.loadingRecipe===parseInt(rec.recipe_id) || !rec.recipe_id ? 'icon-loading-small' : 'icon-file'"
                     />
                 </template>
             </AppNavigationItem>