diff --git a/src/pages/Manager/ManagedMemberList/index.tsx b/src/pages/Manager/ManagedMemberList/index.tsx
index dac2ae50..43ba8323 100644
--- a/src/pages/Manager/ManagedMemberList/index.tsx
+++ b/src/pages/Manager/ManagedMemberList/index.tsx
@@ -208,7 +208,10 @@ function ManagedMemberList() {
             {groupMembers.map((member) => (
               <Card key={member.userId} className="flex-row items-center gap-2">
                 <div className="flex flex-1 items-center gap-2">
-                  <img className="h-10 w-10 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                  {/* <img className="h-10 w-10 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                    {member.name.charAt(0)}
+                  </div>
                   <div>
                     <div className="text-body2 text-indigo-700">
                       {member.name} <span className="text-body3 text-indigo-400">({member.studentNumber})</span>
@@ -300,7 +303,10 @@ function ManagedMemberList() {
                   }`}
                 >
                   <div className="flex items-center gap-2">
-                    <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                    {/* <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                    <div className="flex h-8 w-8 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                      {member.name.charAt(0)}
+                    </div>
                     <div className={`text-body3 ${isSelected ? 'text-indigo-700' : 'text-indigo-400'}`}>
                       {member.name} ({member.studentNumber})
                     </div>
@@ -349,7 +355,10 @@ function ManagedMemberList() {
                   }`}
                 >
                   <div className="flex items-center gap-2">
-                    <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} />
+                    {/* <img className="h-8 w-8 rounded-full object-cover" src={member.imageUrl} alt={member.name} /> */}
+                    <div className="flex h-8 w-8 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+                      {member.name.charAt(0)}
+                    </div>
                     <div className={`text-body3 ${isSelected ? 'text-indigo-700' : 'text-indigo-400'}`}>
                       {member.name} ({member.studentNumber})
                     </div>
diff --git a/src/pages/User/MyPage/components/UserInfoCard.tsx b/src/pages/User/MyPage/components/UserInfoCard.tsx
index 325c4a6b..35c5b347 100644
--- a/src/pages/User/MyPage/components/UserInfoCard.tsx
+++ b/src/pages/User/MyPage/components/UserInfoCard.tsx
@@ -99,7 +99,10 @@ function UserInfoCard({ type }: UserInfoCardProps) {
     <Card {...cardProps}>
       <div className="flex items-center justify-between gap-3">
         <div className="flex items-center gap-3">
-          <img className="h-12 w-12 rounded-full" src={myInfo.imageUrl} alt="Member Avatar" />
+          {/* <img className="h-12 w-12 rounded-full" src={myInfo.imageUrl} alt="Member Avatar" /> */}
+          <div className="flex h-12 w-12 items-center justify-center rounded-full bg-indigo-100 text-indigo-400">
+            {myInfo.name.charAt(0)}
+          </div>
           <div>
             <div className={twMerge('text-h2 font-bold text-indigo-700')}>{myInfo.name}</div>
             <div className="mt-1.5 text-xs leading-3.5 font-medium text-indigo-300">