diff --git a/src/components/DetailView/DetailHeader.tsx b/src/components/DetailView/DetailHeader.tsx
index 8ebd6115..bb2f5350 100644
--- a/src/components/DetailView/DetailHeader.tsx
+++ b/src/components/DetailView/DetailHeader.tsx
@@ -2,7 +2,9 @@ import TeamIcon from '../ListView/TeamIcon';
 import { useGetGoalName } from '../../apis/goal/useGetGoalName.ts';
 import { useGetExternalName } from '../../apis/external/useGetExternalName.ts';
 import { useGetIssueName } from '../../apis/issue/useGetIssueName.ts';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
+import { useGetWorkspaceTeams } from '../../apis/setting/useGetWorkspaceTeams.ts';
+import { useMemo } from 'react';
 
 interface DetailHeaderProps {
   type: 'goal' | 'issue' | 'external';
@@ -11,6 +13,7 @@ interface DetailHeaderProps {
 }
 
 const DetailHeader = ({ type, defaultTitle, title }: DetailHeaderProps) => {
+  const navigate = useNavigate();
   const teamId = Number(useParams<{ teamId: string }>().teamId);
   const { data: detailId } =
     type === 'goal'
@@ -19,10 +22,20 @@ const DetailHeader = ({ type, defaultTitle, title }: DetailHeaderProps) => {
         ? useGetIssueName(teamId)
         : useGetExternalName(teamId);
 
+  // 팀 정보 불러오기
+  const { data: teamData } = useGetWorkspaceTeams();
+  const currentTeam = useMemo(() => {
+    return teamData?.pages[0].teamList.find((team) => team.teamId === Number(teamId));
+  }, [teamData, teamId]);
+
   return (
     <div className="flex gap-[3.2rem] flex-nowrap">
       {/* 팀 아이콘, 팀명, props로 요소 전달 가능 */}
-      <TeamIcon />
+      <TeamIcon
+        teamName={currentTeam?.teamName}
+        teamImgUrl={currentTeam?.teamImageUrl}
+        onClick={() => navigate(`/workspace/team/${currentTeam?.teamId}/${type}`)}
+      />
       <div className="flex gap-[1.6rem] items-center overflow-hidden">
         {/* 상세페이지 ID */}
         <div className="flex whitespace-nowrap font-body-b text-gray-600">{detailId}</div>
diff --git a/src/components/DetailView/WorkspaceDetailHeader.tsx b/src/components/DetailView/WorkspaceDetailHeader.tsx
index 301e457d..8365b79b 100644
--- a/src/components/DetailView/WorkspaceDetailHeader.tsx
+++ b/src/components/DetailView/WorkspaceDetailHeader.tsx
@@ -1,8 +1,10 @@
 import WorkspaceIcon from '../ListView/WorkspaceIcon';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useGetGoalName } from '../../apis/goal/useGetGoalName.ts';
 import { useGetIssueName } from '../../apis/issue/useGetIssueName.ts';
 import { useGetExternalName } from '../../apis/external/useGetExternalName.ts';
+import { useGetWorkspaceTeams } from '../../apis/setting/useGetWorkspaceTeams.ts';
+import { useMemo } from 'react';
 
 interface WorkspaceDetailHeaderProps {
   type: 'goal' | 'issue' | 'external';
@@ -11,6 +13,7 @@ interface WorkspaceDetailHeaderProps {
 }
 
 const WorkspaceDetailHeader = ({ type, defaultTitle, title }: WorkspaceDetailHeaderProps) => {
+  const navigate = useNavigate();
   const teamId = Number(useParams<{ teamId: string }>().teamId);
   const { data: detailId } =
     type === 'goal'
@@ -19,10 +22,20 @@ const WorkspaceDetailHeader = ({ type, defaultTitle, title }: WorkspaceDetailHea
         ? useGetIssueName(teamId)
         : useGetExternalName(teamId);
 
+  // 팀 정보 불러오기
+  const { data: teamData } = useGetWorkspaceTeams();
+  const currentTeam = useMemo(() => {
+    return teamData?.pages[0].teamList.find((team) => team.teamId === Number(teamId));
+  }, [teamData, teamId]);
+
   return (
     <div className="flex gap-[3.2rem] flex-nowrap">
       {/* 워크스페이스 아이콘, 워크스페이스명, props로 요소 전달 가능 */}
-      <WorkspaceIcon />
+      <WorkspaceIcon
+        workspaceName={currentTeam?.teamName}
+        workspaceImgUrl={currentTeam?.teamImageUrl}
+        onClick={() => navigate(`/workspace/default/team/${currentTeam?.teamId}/${type}`)}
+      />
       <div className="flex gap-[1.6rem] items-center overflow-hidden">
         {/* 상세페이지 ID */}
         <div className="flex whitespace-nowrap font-body-b text-gray-600">{detailId}</div>