diff --git a/deployment/portal/favicon.ico b/deployment/portal/favicon.ico
new file mode 100644
index 000000000..49ecb7d3e
Binary files /dev/null and b/deployment/portal/favicon.ico differ
diff --git a/deployment/portal/favicon.svg b/deployment/portal/favicon.svg
new file mode 100644
index 000000000..a3e852fb5
--- /dev/null
+++ b/deployment/portal/favicon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#60a5fa"/>
+      <stop offset="100%" stop-color="#a78bfa"/>
+    </linearGradient>
+  </defs>
+  <rect width="32" height="32" rx="6" fill="url(#bg)"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="20" fill="#fff">M</text>
+</svg>
diff --git a/deployment/portal/index.html b/deployment/portal/index.html
index 4d405436c..0759f5c2c 100644
--- a/deployment/portal/index.html
+++ b/deployment/portal/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/svg+xml" href="/portal/favicon.svg">
   <title>MetaBuilder</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
diff --git a/frontends/caproverforge/portal/app/favicon.ico b/frontends/caproverforge/portal/app/favicon.ico
new file mode 100644
index 000000000..3fbe741a9
Binary files /dev/null and b/frontends/caproverforge/portal/app/favicon.ico differ
diff --git a/frontends/caproverforge/portal/app/icon.svg b/frontends/caproverforge/portal/app/icon.svg
new file mode 100644
index 000000000..04066b5ae
--- /dev/null
+++ b/frontends/caproverforge/portal/app/icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#10b981"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="14" fill="#fff">CF</text>
+</svg>
diff --git a/frontends/dbal/app/favicon.ico b/frontends/dbal/app/favicon.ico
new file mode 100644
index 000000000..49ecb7d3e
Binary files /dev/null and b/frontends/dbal/app/favicon.ico differ
diff --git a/frontends/dbal/app/icon.svg b/frontends/dbal/app/icon.svg
new file mode 100644
index 000000000..691592f71
--- /dev/null
+++ b/frontends/dbal/app/icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#3b82f6"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="14" fill="#fff">DB</text>
+</svg>
diff --git a/frontends/emailclient/public/favicon.ico b/frontends/emailclient/public/favicon.ico
new file mode 100644
index 000000000..afd87d129
Binary files /dev/null and b/frontends/emailclient/public/favicon.ico differ
diff --git a/frontends/emailclient/public/favicon.svg b/frontends/emailclient/public/favicon.svg
new file mode 100644
index 000000000..465260842
--- /dev/null
+++ b/frontends/emailclient/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#f97316"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="20" fill="#fff">E</text>
+</svg>
diff --git a/frontends/exploded-diagrams/public/favicon.ico b/frontends/exploded-diagrams/public/favicon.ico
new file mode 100644
index 000000000..33aa4e41e
Binary files /dev/null and b/frontends/exploded-diagrams/public/favicon.ico differ
diff --git a/frontends/exploded-diagrams/public/favicon.svg b/frontends/exploded-diagrams/public/favicon.svg
new file mode 100644
index 000000000..149a3f3b2
--- /dev/null
+++ b/frontends/exploded-diagrams/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#ec4899"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="14" fill="#fff">3D</text>
+</svg>
diff --git a/frontends/nextjs/public/favicon.ico b/frontends/nextjs/public/favicon.ico
new file mode 100644
index 000000000..dc189dcdb
Binary files /dev/null and b/frontends/nextjs/public/favicon.ico differ
diff --git a/frontends/nextjs/public/favicon.svg b/frontends/nextjs/public/favicon.svg
new file mode 100644
index 000000000..59043dfe1
--- /dev/null
+++ b/frontends/nextjs/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#eab308"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="20" fill="#fff">A</text>
+</svg>
diff --git a/frontends/packagerepo/frontend/public/favicon.ico b/frontends/packagerepo/frontend/public/favicon.ico
new file mode 100644
index 000000000..0865f6b0e
Binary files /dev/null and b/frontends/packagerepo/frontend/public/favicon.ico differ
diff --git a/frontends/packagerepo/frontend/public/favicon.svg b/frontends/packagerepo/frontend/public/favicon.svg
new file mode 100644
index 000000000..804fc326e
--- /dev/null
+++ b/frontends/packagerepo/frontend/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#8b5cf6"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="14" fill="#fff">PR</text>
+</svg>
diff --git a/frontends/pastebin/public/favicon.ico b/frontends/pastebin/public/favicon.ico
new file mode 100644
index 000000000..67b9a1d01
Binary files /dev/null and b/frontends/pastebin/public/favicon.ico differ
diff --git a/frontends/pastebin/public/favicon.svg b/frontends/pastebin/public/favicon.svg
new file mode 100644
index 000000000..8b1268f09
--- /dev/null
+++ b/frontends/pastebin/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#22c55e"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="20" fill="#fff">P</text>
+</svg>
diff --git a/frontends/repoforge/portal/app/favicon.ico b/frontends/repoforge/portal/app/favicon.ico
new file mode 100644
index 000000000..13b3898bc
Binary files /dev/null and b/frontends/repoforge/portal/app/favicon.ico differ
diff --git a/frontends/repoforge/portal/app/icon.svg b/frontends/repoforge/portal/app/icon.svg
new file mode 100644
index 000000000..586f8fd8f
--- /dev/null
+++ b/frontends/repoforge/portal/app/icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#06b6d4"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="14" fill="#fff">RF</text>
+</svg>
diff --git a/frontends/workflowui/public/favicon.ico b/frontends/workflowui/public/favicon.ico
new file mode 100644
index 000000000..0505e2a8a
Binary files /dev/null and b/frontends/workflowui/public/favicon.ico differ
diff --git a/frontends/workflowui/public/favicon.svg b/frontends/workflowui/public/favicon.svg
new file mode 100644
index 000000000..24c9af78f
--- /dev/null
+++ b/frontends/workflowui/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#a855f7"/>
+  <text x="16" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-weight="700" font-size="20" fill="#fff">W</text>
+</svg>
