diff --git a/client/src/state/config.tsx b/client/src/state/config.tsx
index ed5cb63f..5a9448af 100644
--- a/client/src/state/config.tsx
+++ b/client/src/state/config.tsx
@@ -1,6 +1,6 @@
 import { createContext } from "react";
 
-const defaultFavicon = process.env.AVATAR ? `//wsrv.nl/?url=${process.env.AVATAR}&w=144&h=144&mask=circle` : '/favicon.ico'
+const defaultFavicon = process.env.AVATAR ? `//wsrv.nl/?url=${encodeURIComponent(process.env.AVATAR)}&w=144&h=144&mask=circle` : '/favicon.ico';
 export const defaultClientConfig = new Map(Object.entries({
     "favicon": defaultFavicon,
     "counter.enabled": true,