diff --git a/apps/panoramablick/nuxt.config.ts b/apps/panoramablick/nuxt.config.ts
index bb2863d..1b60c40 100644
--- a/apps/panoramablick/nuxt.config.ts
+++ b/apps/panoramablick/nuxt.config.ts
@@ -29,8 +29,8 @@ export default defineNuxtConfig({
   websites: {
     defaultVariant: 'su',
     variants: [
-      { code: 'su', name: 'Summer' },
-      { code: 'wi', name: 'Winter' }
+      { code: 'su', name: 'Summer', icon: 'i-lucide-sun' },
+      { code: 'wi', name: 'Winter', icon: 'i-lucide-snowflake'}
     ]
   }
 })
\ No newline at end of file
diff --git a/packages/ui/src/runtime/components/WVariantSwitcher.vue b/packages/ui/src/runtime/components/WVariantSwitcher.vue
index 1e02027..1f9aa54 100644
--- a/packages/ui/src/runtime/components/WVariantSwitcher.vue
+++ b/packages/ui/src/runtime/components/WVariantSwitcher.vue
@@ -12,7 +12,8 @@ const availableVariants = computed(() =>
     v-for="variant in availableVariants"
     :key="variant.code"
     :to="switchVariantPath(variant.code)"
+    class="flex items-center justify-center"
   >
-    {{ variant.code.toUpperCase() }}
+    <UIcon :name="variant.icon"/>
   </NuxtLink>
 </template>