diff --git a/packages/frontend/src/lib/components/logo/logo.svelte b/packages/frontend/src/lib/components/logo/logo.svelte
index f1e3764..62ca122 100644
--- a/packages/frontend/src/lib/components/logo/logo.svelte
+++ b/packages/frontend/src/lib/components/logo/logo.svelte
@@ -1,13 +1,10 @@
 <script lang="ts">
   import { _ } from "svelte-i18n";
-  import PeonyIcon from "../icon/peony-icon.svelte";
 
   const { hideName = false } = $props();
 </script>
 
-<div class="relative">
-  <PeonyIcon class="w-13 h-13 text-black" />
-</div>
+<img src="/logo.png" alt={$_("brand.name")} class="w-10 h-10 object-contain" />
 <span
   class={`logo text-3xl text-foreground opacity-90 tracking-wide font-extrabold drop-shadow-x ${hideName ? "hidden sm:inline-block" : ""}`}
 >
diff --git a/packages/frontend/static/logo.png b/packages/frontend/static/logo.png
new file mode 100644
index 0000000..edc216b
Binary files /dev/null and b/packages/frontend/static/logo.png differ
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index 932dacc..1c6ead1 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -21,7 +21,7 @@ export interface User {
   slug: string | null;
   description: string | null;
   tags: string[] | null;
-  role: "model" | "viewer";
+  role: "model" | "viewer" | "admin";
   is_admin: boolean;
   /** UUID of the avatar file */
   avatar: string | null;