diff --git a/assets/embed.go b/assets/embed.go
index 13a4be9..1c89f9b 100644
--- a/assets/embed.go
+++ b/assets/embed.go
@@ -2,5 +2,5 @@ package assets
 
 import "embed"
 
-//go:embed js/* css/* fonts/*
+//go:embed js/* css/* fonts/* favicon/*
 var AssetsFS embed.FS
diff --git a/assets/favicon/favicon.svg b/assets/favicon/favicon.svg
new file mode 100644
index 0000000..a23fe51
--- /dev/null
+++ b/assets/favicon/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="#D04A4C"/>
+  <text x="16" y="23" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-weight="700" font-size="22" fill="#fff">B</text>
+</svg>
diff --git a/internal/ui/layouts/base.templ b/internal/ui/layouts/base.templ
index 1d255ff..64f7caa 100644
--- a/internal/ui/layouts/base.templ
+++ b/internal/ui/layouts/base.templ
@@ -34,7 +34,7 @@ templ Base(props ...SEOProps) {
 				{{ cfg := ctxkeys.Config(ctx) }}
 				<title>{ cfg.AppName }</title>
 			}
-			<link rel="icon" type="image/x-icon" href="/assets/favicon/favicon.ico"/>
+			<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"/>
 			<link href={ "/assets/css/output.css?v=" + templ.EscapeString(fmt.Sprintf("%d", time.Now().Unix())) } rel="stylesheet"/>
 			<script src="/assets/js/htmx@2.0.7.min.js"></script>
 			<script src="/assets/js/hyperscript@0.9.14.min.js"></script>