From 6a141cff58062a18269e2154d9da65a0f720ba47 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sat, 23 May 2026 16:13:40 +0200
Subject: [PATCH] Add icon component prop to specify the size of the icon

---
 src/features/icons/components/Icon.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/icons/components/Icon.vue b/src/features/icons/components/Icon.vue
index 10d5d74..6429dfc 100644
--- a/src/features/icons/components/Icon.vue
+++ b/src/features/icons/components/Icon.vue
@@ -21,6 +21,10 @@ const props = defineProps({
     name: {
         required: true,
         type: String
+    },
+    size: {
+        type: [Number, String],
+        default: 24
     }
 })
 
@@ -33,5 +37,5 @@ const Icon = computed(() => icons[`/src/assets/icons/${props.name}.svg`])
 </script>
 
 <template>
-    <img :src="Icon" />
+    <img :src="Icon" :style="{ height: `${props.size}px`, width: `${props.size}px` }" />
 </template>
\ No newline at end of file