diff --git a/public/favicon-solid.png b/public/favicon-solid.png
new file mode 100644
index 0000000..80bf719
Binary files /dev/null and b/public/favicon-solid.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index 858a11f..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="40mm"
-   height="40mm"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1">
-    <rect
-       style="fill:#000000;stroke-width:0.264583"
-       id="rect1"
-       width="58.244999"
-       height="53.954998"
-       x="-6.105"
-       y="-4.2899995" />
-  </g>
-  <g
-     id="layer2">
-    <g
-       id="g1"
-       transform="matrix(3.9840159,0,0,3.9840159,-182.95899,-268.96729)">
-      <text
-         xml:space="preserve"
-         style="font-style:normal;font-weight:normal;font-size:3.38667px;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#10ac25;fill-opacity:1;stroke:none;stroke-width:0.282222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         x="46.9911"
-         y="76.640976"
-         id="text3344-4-5"><tspan
-           id="tspan3346-7-6"
-           x="46.9911"
-           y="76.640976"
-           style="font-size:11.2889px;line-height:1.25;stroke-width:0.282222px">C</tspan></text>
-      <text
-         xml:space="preserve"
-         style="font-style:normal;font-weight:normal;font-size:3.38667px;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#10ac25;fill-opacity:1;stroke:none;stroke-width:0.282222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         x="49.597134"
-         y="74.229248"
-         id="text3348-1-8"
-         transform="scale(1.0028223,0.99718564)"><tspan
-           id="tspan3350-3-1"
-           x="49.597134"
-           y="74.229248"
-           style="font-size:4.59543px;line-height:1.25;stroke-width:0.282222px">A</tspan></text>
-      <text
-         xml:space="preserve"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.38667px;line-height:0%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#10ac25;fill-opacity:1;stroke:none;stroke-width:0.282222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         x="24.869509"
-         y="83.989883"
-         id="text3344-5-7-6"
-         transform="matrix(0.89528488,-0.34221418,0.35348636,0.98184609,0,0)"><tspan
-           id="tspan3370-7-8"
-           x="24.869509"
-           y="83.989883"
-           style="font-size:4.18595px;line-height:1.25;stroke-width:0.282222px">P</tspan></text>
-    </g>
-  </g>
-</svg>
diff --git a/src/assets/logo-title-large.png b/src/assets/logo-title-large.png
new file mode 100644
index 0000000..d169dc9
Binary files /dev/null and b/src/assets/logo-title-large.png differ
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 3de5947..0a6d274 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,15 +1,22 @@
 ---
 import NestedNavbarEntry from "@components/NestedNavbarEntries.astro";
 
-import logoTitle from "@assets/logo-title.svg?raw";
+import logo_title_large from "@assets/logo-title-large.png";
 import {siteLayout} from "@data/site-layout.ts";
+import {Image} from "astro:assets";
 ---
 
 
 <nav class="border-b-4 border-b-caperren-green text-caperren-green">
     <div class="flex flex-wrap items-center justify-between mx-auto p-6">
         <a href="/">
-            <Fragment class="logo-title" set:html={logoTitle}/>
+            <Image src={logo_title_large}
+                   height="56"
+                   width="139"
+                   class="h-14 w-auto"
+                   alt="logo title"
+                   loading="eager"
+            />
         </a>
         <button data-collapse-toggle="navbar-multi-level" type="button"
                 class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm md:hidden focus:ring-2 focus:ring-caperren-green"
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 9fbaf56..e1b47d7 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -10,7 +10,7 @@ const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "
 <html lang="en">
 <head>
     <meta charset="UTF-8"/>
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml"/>
+    <link rel="icon" href="/favicon-solid.png" type="image/png"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>{pageTitle}</title>
 </head>