diff --git a/apps/timo-web/app/[locale]/(main)/settings/_components/account/SettingsProfileView.tsx b/apps/timo-web/app/[locale]/(main)/settings/_components/account/SettingsProfileView.tsx
index 1802b3c8..e42a4451 100644
--- a/apps/timo-web/app/[locale]/(main)/settings/_components/account/SettingsProfileView.tsx
+++ b/apps/timo-web/app/[locale]/(main)/settings/_components/account/SettingsProfileView.tsx
@@ -14,6 +14,7 @@ import { SettingsTagsSectionContainer } from "@/app/[locale]/(main)/settings/_co
 export interface SettingsProfileViewProps {
   name: string;
   googleEmail: string;
+  profileImageUrl?: string;
   isCalendarConnected: boolean;
   language: SettingsLanguage;
   tags: SettingsTagItem[];
@@ -28,6 +29,7 @@ export interface SettingsProfileViewProps {
 export const SettingsProfileView = ({
   name,
   googleEmail,
+  profileImageUrl,
   isCalendarConnected,
   language,
   tags,
@@ -51,7 +53,18 @@ export const SettingsProfileView = ({
             {labels.profileSection}
           </h2>
           <div className="flex items-center gap-5">
-            <div className="bg-timo-gray-300 size-28.5 shrink-0 rounded-full" />
+            {profileImageUrl ? (
+              <Image
+                src={profileImageUrl}
+                alt={name}
+                width={114}
+                height={114}
+                priority
+                className="size-28.5 shrink-0 rounded-full object-cover"
+              />
+            ) : (
+              <div className="bg-timo-gray-300 size-28.5 shrink-0 rounded-full" />
+            )}
             <div className="flex flex-col gap-2">
               <p className="typo-headline-b-20 text-timo-black">{name}</p>
               <div className="bg-timo-gray-300 flex items-center gap-2 rounded-lg px-4 py-2">
diff --git a/apps/timo-web/app/[locale]/(main)/settings/_containers/account/SettingsProfileContainer.tsx b/apps/timo-web/app/[locale]/(main)/settings/_containers/account/SettingsProfileContainer.tsx
index cd892980..8e1f8d8c 100644
--- a/apps/timo-web/app/[locale]/(main)/settings/_containers/account/SettingsProfileContainer.tsx
+++ b/apps/timo-web/app/[locale]/(main)/settings/_containers/account/SettingsProfileContainer.tsx
@@ -66,6 +66,7 @@ export const SettingsProfileContainer = () => {
       <SettingsProfileView
         name={profileState.name}
         googleEmail={profileState.googleEmail}
+        profileImageUrl={profileState.profileImageUrl}
         isCalendarConnected={isCalendarConnected}
         language={profileState.language}
         tags={profileState.tags}
diff --git a/apps/timo-web/app/[locale]/(main)/settings/_hooks/account/use-settings-profile.ts b/apps/timo-web/app/[locale]/(main)/settings/_hooks/account/use-settings-profile.ts
index 7befa3a9..997fecfe 100644
--- a/apps/timo-web/app/[locale]/(main)/settings/_hooks/account/use-settings-profile.ts
+++ b/apps/timo-web/app/[locale]/(main)/settings/_hooks/account/use-settings-profile.ts
@@ -144,6 +144,7 @@ export const useSettingsProfile = () => {
     profileState: {
       name: profile.name,
       googleEmail: profile.email,
+      profileImageUrl: profile.profileImageUrl ?? undefined,
       calendarConnected: profile.calendarConnected,
       language: locale,
       tags: tagItems,
diff --git a/apps/timo-web/next.config.js b/apps/timo-web/next.config.js
index d9ce883d..0bf92f81 100644
--- a/apps/timo-web/next.config.js
+++ b/apps/timo-web/next.config.js
@@ -5,6 +5,14 @@ import createNextIntlPlugin from "next-intl/plugin";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@repo/timo-design-system"],
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "lh3.googleusercontent.com",
+      },
+    ],
+  },
 };
 
 const withNextIntl = createNextIntlPlugin();