Add Dev Proxy icon to navigation bar (#34)

Copilot · waldekmastykarz · web-flow · commit fcce6db0636a · 2026-02-16T09:41:04.000+01:00
Co-authored-by: copilot-swe-agent[bot] &lt;198982749+Copilot@users.noreply.github.com&gt;
Co-authored-by: waldekmastykarz &lt;11164679+waldekmastykarz@users.noreply.github.com&gt;
diff --git a/public/icon.svg b/public/icon.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="ff7a1a9f-e1a7-471a-b76e-1d2ea43a8d11" x1="8.924" y1="785.145" x2="8.924" y2="779.186" gradientTransform="matrix(1, 0, 0, -1, 0, 791.516)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8c6bb1" /><stop offset="1" stop-color="#512bd4" /></linearGradient></defs><rect x="6.531" y="6.615" width="4.788" height="4.788" rx="2.364" fill="url(#ff7a1a9f-e1a7-471a-b76e-1d2ea43a8d11)" /><path d="M8,12.693a3.773,3.773,0,0,1-.015-7.387.649.649,0,1,0-.266-1.27A5.091,5.091,0,0,0,3.73,8.359H2.574a1.351,1.351,0,0,0-1.187-.7H1.353A1.353,1.353,0,0,0,0,9.007v.034a1.353,1.353,0,0,0,1.353,1.353h.034a1.351,1.351,0,0,0,1.2-.737H3.733a5.087,5.087,0,0,0,4.005,4.308A.649.649,0,0,0,8,12.693Z" fill="#512bd4" /><path d="M16.647,7.654h-.034a1.351,1.351,0,0,0-1.187.705H14.27a5.091,5.091,0,0,0-3.987-4.323.649.649,0,0,0-.266,1.27A3.773,3.773,0,0,1,10,12.693a.649.649,0,0,0,.26,1.272,5.087,5.087,0,0,0,4-4.308H15.41a1.351,1.351,0,0,0,1.2.737h.034A1.353,1.353,0,0,0,18,9.041V9.007A1.353,1.353,0,0,0,16.647,7.654Z" fill="#512bd4" />​
+</svg>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -48,7 +48,8 @@ const ogImage = image ? new URL(image, Astro.site ?? 'https://devproxy.net').hre
   <body class="min-h-screen flex flex-col">
     <nav class="border-b sticky top-0 z-50 backdrop-blur-sm" style="border-color: var(--border-primary); background: var(--bg-nav);">
       <div class="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between">
-        <a href={`${import.meta.env.BASE_URL}`} class="text-xl font-bold hover:text-purple-400 transition-colors">
+        <a href={`${import.meta.env.BASE_URL}`} class="flex items-center gap-2 text-xl font-bold hover:text-purple-400 transition-colors">
+          <img src={`${import.meta.env.BASE_URL}icon.svg`} alt="Dev Proxy" class="w-6 h-6" />
           Dev Proxy
         </a>
 
