diff --git a/ui/homepage/Makefile b/ui/homepage/Makefile
index b17fafe..5b08afe 100644
--- a/ui/homepage/Makefile
+++ b/ui/homepage/Makefile
@@ -6,6 +6,17 @@ YARN := $(shell command -v yarn 2>/dev/null)
 
 .PHONY: init dev build export clean info
 
+icon:
+	@echo "🎨 Generating favicon and icon images..."
+	@if ! command -v magick &> /dev/null; then \
+		echo "❌ ImageMagick (magick) not found. Please install it (e.g. brew install imagemagick)."; \
+		exit 1; \
+	fi
+	@mkdir -p public/icons
+	@magick ../logo.png -resize 32x32 public/icons/cloudnative_32.png
+	@magick ../logo.png -resize 64x64 -background none -define icon:auto-resize=64,48,32,16 public/favicon.ico
+	@echo "✅ Icons generated successfully."
+
 init:
 	@echo "🔧 Installing dependencies for homepage..."
 	@if [ -z "$(YARN)" ]; then \
diff --git a/ui/homepage/public/favicon.ico b/ui/homepage/public/favicon.ico
new file mode 100644
index 0000000..fcb09a6
Binary files /dev/null and b/ui/homepage/public/favicon.ico differ
diff --git a/ui/homepage/public/icons/cloudnative_32.png b/ui/homepage/public/icons/cloudnative_32.png
new file mode 100644
index 0000000..2637aa3
Binary files /dev/null and b/ui/homepage/public/icons/cloudnative_32.png differ
diff --git a/ui/logo.png b/ui/logo.png
new file mode 100644
index 0000000..ecf793c
Binary files /dev/null and b/ui/logo.png differ