diff --git a/admin/layouts/default-layout.tsx b/admin/layouts/default-layout.tsx
index 4a3724248..1be40ea12 100644
--- a/admin/layouts/default-layout.tsx
+++ b/admin/layouts/default-layout.tsx
@@ -7,8 +7,8 @@ import { useTheme } from "next-themes";
// logo/ images
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
type TDefaultLayout = {
children: ReactNode;
diff --git a/admin/public/plane-logos/black-horizontal-with-blue-logo.png b/admin/public/plane-logos/black-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..c14505a6f
Binary files /dev/null and b/admin/public/plane-logos/black-horizontal-with-blue-logo.png differ
diff --git a/admin/public/plane-logos/black-horizontal-with-blue-logo.svg b/admin/public/plane-logos/black-horizontal-with-blue-logo.svg
deleted file mode 100644
index ae79919fc..000000000
--- a/admin/public/plane-logos/black-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/admin/public/plane-logos/white-horizontal-with-blue-logo.png b/admin/public/plane-logos/white-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..97560fb9f
Binary files /dev/null and b/admin/public/plane-logos/white-horizontal-with-blue-logo.png differ
diff --git a/admin/public/plane-logos/white-horizontal-with-blue-logo.svg b/admin/public/plane-logos/white-horizontal-with-blue-logo.svg
deleted file mode 100644
index 1f09cc34a..000000000
--- a/admin/public/plane-logos/white-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/space/components/account/user-logged-in.tsx b/space/components/account/user-logged-in.tsx
index a9930b5fd..33be330fa 100644
--- a/space/components/account/user-logged-in.tsx
+++ b/space/components/account/user-logged-in.tsx
@@ -6,7 +6,7 @@ import { UserAvatar } from "@/components/issues/navbar/user-avatar";
// hooks
import { useUser } from "@/hooks/store";
// assets
-import PlaneLogo from "@/public/plane-logos/black-horizontal-with-blue-logo.svg";
+import PlaneLogo from "@/public/plane-logos/black-horizontal-with-blue-logo.png";
import UserLoggedInImage from "@/public/user-logged-in.svg";
export const UserLoggedIn = () => {
diff --git a/space/components/instance/not-ready-view.tsx b/space/components/instance/not-ready-view.tsx
index f79778387..be46a9473 100644
--- a/space/components/instance/not-ready-view.tsx
+++ b/space/components/instance/not-ready-view.tsx
@@ -12,8 +12,8 @@ import { GOD_MODE_URL, SPACE_BASE_PATH } from "@/helpers/common.helper";
import PlaneTakeOffImage from "@/public/instance/plane-takeoff.png";
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
export const InstanceNotReady: FC = () => {
const { resolvedTheme } = useTheme();
diff --git a/space/components/views/auth.tsx b/space/components/views/auth.tsx
index 5992ca5a5..538519696 100644
--- a/space/components/views/auth.tsx
+++ b/space/components/views/auth.tsx
@@ -11,8 +11,8 @@ import { SPACE_BASE_PATH } from "@/helpers/common.helper";
// images
import PlaneBackgroundPatternDark from "@/public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "@/public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
export const AuthView = observer(() => {
// hooks
diff --git a/space/lib/instance-provider.tsx b/space/lib/instance-provider.tsx
index db9b15db7..8447d8a5f 100644
--- a/space/lib/instance-provider.tsx
+++ b/space/lib/instance-provider.tsx
@@ -16,8 +16,8 @@ import { useInstance, useUser } from "@/hooks/store";
// assets
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
export const InstanceProvider = observer(({ children }: { children: ReactNode }) => {
const { fetchInstanceInfo, instance, error } = useInstance();
diff --git a/space/public/plane-logos/black-horizontal-with-blue-logo.png b/space/public/plane-logos/black-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..c14505a6f
Binary files /dev/null and b/space/public/plane-logos/black-horizontal-with-blue-logo.png differ
diff --git a/space/public/plane-logos/black-horizontal-with-blue-logo.svg b/space/public/plane-logos/black-horizontal-with-blue-logo.svg
deleted file mode 100644
index ae79919fc..000000000
--- a/space/public/plane-logos/black-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/space/public/plane-logos/white-horizontal-with-blue-logo.png b/space/public/plane-logos/white-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..97560fb9f
Binary files /dev/null and b/space/public/plane-logos/white-horizontal-with-blue-logo.png differ
diff --git a/space/public/plane-logos/white-horizontal-with-blue-logo.svg b/space/public/plane-logos/white-horizontal-with-blue-logo.svg
deleted file mode 100644
index 1f09cc34a..000000000
--- a/space/public/plane-logos/white-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/web/components/instance/not-ready-view.tsx b/web/components/instance/not-ready-view.tsx
index 526030f56..68221283f 100644
--- a/web/components/instance/not-ready-view.tsx
+++ b/web/components/instance/not-ready-view.tsx
@@ -10,8 +10,8 @@ import PlaneTakeOffImage from "@/public/plane-takeoff.png";
// assets
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
export const InstanceNotReady: FC = () => {
const { resolvedTheme } = useTheme();
diff --git a/web/layouts/auth-layout/workspace-wrapper.tsx b/web/layouts/auth-layout/workspace-wrapper.tsx
index 972bb92cb..603fa9b6b 100644
--- a/web/layouts/auth-layout/workspace-wrapper.tsx
+++ b/web/layouts/auth-layout/workspace-wrapper.tsx
@@ -12,8 +12,8 @@ import { LogoSpinner } from "@/components/common";
import { useMember, useProject, useUser, useWorkspace } from "@/hooks/store";
import { usePlatformOS } from "@/hooks/use-platform-os";
// images
-import PlaneBlackLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import PlaneWhiteLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import PlaneBlackLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import PlaneWhiteLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
import WorkSpaceNotAvailable from "public/workspace/workspace-not-available.png";
export interface IWorkspaceAuthWrapper {
diff --git a/web/pages/accounts/forgot-password.tsx b/web/pages/accounts/forgot-password.tsx
index b86b2518f..8810e47cd 100644
--- a/web/pages/accounts/forgot-password.tsx
+++ b/web/pages/accounts/forgot-password.tsx
@@ -30,8 +30,8 @@ import { AuthService } from "@/services/auth.service";
// images
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
type TForgotPasswordFormValues = {
email: string;
diff --git a/web/pages/accounts/reset-password.tsx b/web/pages/accounts/reset-password.tsx
index 02772f914..92756cd43 100644
--- a/web/pages/accounts/reset-password.tsx
+++ b/web/pages/accounts/reset-password.tsx
@@ -31,8 +31,8 @@ import { AuthService } from "@/services/auth.service";
// images
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
type TResetPasswordFormValues = {
email: string;
diff --git a/web/pages/accounts/set-password.tsx b/web/pages/accounts/set-password.tsx
index 93a9148c0..9328d2cc9 100644
--- a/web/pages/accounts/set-password.tsx
+++ b/web/pages/accounts/set-password.tsx
@@ -27,8 +27,8 @@ import { AuthService } from "@/services/auth.service";
// images
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
type TResetPasswordFormValues = {
email: string;
diff --git a/web/pages/create-workspace.tsx b/web/pages/create-workspace.tsx
index d20b93a7d..e5992e008 100644
--- a/web/pages/create-workspace.tsx
+++ b/web/pages/create-workspace.tsx
@@ -16,8 +16,8 @@ import DefaultLayout from "@/layouts/default-layout";
import { NextPageWithLayout } from "@/lib/types";
// wrappers
import { AuthenticationWrapper } from "@/lib/wrappers";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
// types
const CreateWorkspacePage: NextPageWithLayout = observer(() => {
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 9cc1f9d95..ee22cd77f 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -22,8 +22,8 @@ import { AuthenticationWrapper } from "@/lib/wrappers";
// assets
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
const HomePage: NextPageWithLayout = observer(() => {
const { resolvedTheme } = useTheme();
diff --git a/web/pages/invitations/index.tsx b/web/pages/invitations/index.tsx
index 1f0debaaf..aac6c833b 100644
--- a/web/pages/invitations/index.tsx
+++ b/web/pages/invitations/index.tsx
@@ -31,8 +31,8 @@ import { AuthenticationWrapper } from "@/lib/wrappers";
import { WorkspaceService } from "@/services/workspace.service";
// images
import emptyInvitation from "public/empty-state/invitation.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
const workspaceService = new WorkspaceService();
diff --git a/web/pages/sign-up.tsx b/web/pages/sign-up.tsx
index 470f927b4..2c511d730 100644
--- a/web/pages/sign-up.tsx
+++ b/web/pages/sign-up.tsx
@@ -22,8 +22,8 @@ import { AuthenticationWrapper } from "@/lib/wrappers";
import PlaneBackgroundPatternDark from "public/auth/background-pattern-dark.svg";
import PlaneBackgroundPattern from "public/auth/background-pattern.svg";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
-import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.svg";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.png";
+import WhiteHorizontalLogo from "public/plane-logos/white-horizontal-with-blue-logo.png";
export type AuthType = "sign-in" | "sign-up";
diff --git a/web/public/plane-logos/black-horizontal-with-blue-logo.png b/web/public/plane-logos/black-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..c14505a6f
Binary files /dev/null and b/web/public/plane-logos/black-horizontal-with-blue-logo.png differ
diff --git a/web/public/plane-logos/black-horizontal-with-blue-logo.svg b/web/public/plane-logos/black-horizontal-with-blue-logo.svg
deleted file mode 100644
index ae79919fc..000000000
--- a/web/public/plane-logos/black-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
diff --git a/web/public/plane-logos/white-horizontal-with-blue-logo.png b/web/public/plane-logos/white-horizontal-with-blue-logo.png
new file mode 100644
index 000000000..97560fb9f
Binary files /dev/null and b/web/public/plane-logos/white-horizontal-with-blue-logo.png differ
diff --git a/web/public/plane-logos/white-horizontal-with-blue-logo.svg b/web/public/plane-logos/white-horizontal-with-blue-logo.svg
deleted file mode 100644
index 1f09cc34a..000000000
--- a/web/public/plane-logos/white-horizontal-with-blue-logo.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-