diff --git a/.changeset/moody-socks-win.md b/.changeset/moody-socks-win.md
new file mode 100644
index 0000000000..883299fa51
--- /dev/null
+++ b/.changeset/moody-socks-win.md
@@ -0,0 +1,5 @@
+---
+'@backstage/canon': patch
+---
+
+Add new TableCellProfile component for Table and DataTable in Canon.
diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index ed294b98f4..c2ad293461 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -296,6 +296,48 @@
   display: flex;
 }
 
+.canon-TableCellProfile {
+  gap: var(--canon-space-2);
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.canon-TableCellProfileAvatar {
+  vertical-align: middle;
+  user-select: none;
+  color: var(--canon-fg-primary);
+  background-color: var(--canon-bg-surface-2);
+  border-radius: 100%;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.canon-TableCellProfileAvatarImage {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.canon-TableCellProfileAvatarFallback {
+  width: 100%;
+  height: 100%;
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  border-radius: var(--canon-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
 .canon-Text {
   font-family: var(--canon-font-regular);
   margin: 0;
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index 942c33f138..3d4e5ac0e2 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9520,6 +9520,48 @@
   display: flex;
 }
 
+.canon-TableCellProfile {
+  gap: var(--canon-space-2);
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.canon-TableCellProfileAvatar {
+  vertical-align: middle;
+  user-select: none;
+  color: var(--canon-fg-primary);
+  background-color: var(--canon-bg-surface-2);
+  border-radius: 100%;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.canon-TableCellProfileAvatarImage {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.canon-TableCellProfileAvatarFallback {
+  width: 100%;
+  height: 100%;
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  border-radius: var(--canon-radius-full);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
 .canon-Text {
   font-family: var(--canon-font-regular);
   margin: 0;
diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index fbc1a68542..088da028b8 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -277,6 +277,9 @@ export const DataTable: {
   TableCellLink: ForwardRefExoticComponent<
     TableCellLinkProps & RefAttributes<HTMLDivElement>
   >;
+  TableCellProfile: ForwardRefExoticComponent<
+    TableCellProfileProps & RefAttributes<HTMLDivElement>
+  >;
   TableHead: ForwardRefExoticComponent<
     ThHTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>
   >;
@@ -1133,6 +1136,9 @@ export const Table: {
   CellLink: ForwardRefExoticComponent<
     TableCellLinkProps & RefAttributes<HTMLDivElement>
   >;
+  CellProfile: ForwardRefExoticComponent<
+    TableCellProfileProps & RefAttributes<HTMLDivElement>
+  >;
   Caption: ForwardRefExoticComponent<
     HTMLAttributes<HTMLTableCaptionElement> &
       RefAttributes<HTMLTableCaptionElement>
@@ -1141,7 +1147,7 @@ export const Table: {
 
 // @public (undocumented)
 export interface TableCellLinkProps
-  extends React.TdHTMLAttributes<HTMLTableCellElement> {
+  extends React.HTMLAttributes<HTMLDivElement> {
   // (undocumented)
   description?: string;
   // (undocumented)
@@ -1152,9 +1158,22 @@ export interface TableCellLinkProps
   title: string;
 }
 
+// @public (undocumented)
+export interface TableCellProfileProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  // (undocumented)
+  name?: string;
+  // (undocumented)
+  src?: string;
+  // (undocumented)
+  to?: string;
+  // (undocumented)
+  withImage?: boolean;
+}
+
 // @public (undocumented)
 export interface TableCellTextProps
-  extends React.TdHTMLAttributes<HTMLTableCellElement> {
+  extends React.HTMLAttributes<HTMLDivElement> {
   // (undocumented)
   description?: string;
   // (undocumented)
diff --git a/packages/canon/src/components/DataTable/DataTable.tsx b/packages/canon/src/components/DataTable/DataTable.tsx
index 8be9ae174e..5a587df56f 100644
--- a/packages/canon/src/components/DataTable/DataTable.tsx
+++ b/packages/canon/src/components/DataTable/DataTable.tsx
@@ -46,5 +46,6 @@ export const DataTable = {
   TableCell: Table.Cell,
   TableCellText: Table.CellText,
   TableCellLink: Table.CellLink,
+  TableCellProfile: Table.CellProfile,
   TableHead: Table.Head,
 };
diff --git a/packages/canon/src/components/DataTable/mocked-columns.tsx b/packages/canon/src/components/DataTable/mocked-columns.tsx
index 9f2ce72378..81b9a16a24 100644
--- a/packages/canon/src/components/DataTable/mocked-columns.tsx
+++ b/packages/canon/src/components/DataTable/mocked-columns.tsx
@@ -57,9 +57,17 @@ export const columns: ColumnDef<DataProps>[] = [
   {
     accessorKey: 'owner',
     header: 'Owner',
-    cell: ({ row }) => (
-      <DataTable.TableCellText title={row.getValue('owner')} />
-    ),
+    cell: ({ row }) => {
+      const owner = row.getValue('owner') as DataProps['owner'];
+
+      return (
+        <DataTable.TableCellProfile
+          name={owner.name}
+          src={owner.profilePicture}
+          to={owner.link}
+        />
+      );
+    },
   },
   {
     accessorKey: 'type',
diff --git a/packages/canon/src/components/DataTable/mocked-components.ts b/packages/canon/src/components/DataTable/mocked-components.ts
index dc1c0a0e88..40d790de78 100644
--- a/packages/canon/src/components/DataTable/mocked-components.ts
+++ b/packages/canon/src/components/DataTable/mocked-components.ts
@@ -15,7 +15,11 @@
  */
 export interface DataProps {
   name: string;
-  owner: string;
+  owner: {
+    name: string;
+    profilePicture?: string;
+    link?: string;
+  };
   type: 'documentation' | 'library' | 'service' | 'website' | 'other';
   description?: string;
   tags?: string[];
@@ -24,7 +28,11 @@ export interface DataProps {
 export const data: DataProps[] = [
   {
     name: 'authentication-and-authorization-service',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description:
       'A comprehensive service handling user authentication and role-based access control across all applications.',
@@ -32,7 +40,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'user-interface-dashboard-and-analytics-platform',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'Interactive dashboard providing real-time analytics and data visualization for business metrics.',
@@ -40,7 +52,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'payment-gateway',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description:
       'Secure payment processing system supporting multiple payment methods and currencies.',
@@ -48,7 +64,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'real-time-analytics-processing-and-visualization-engine',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'High-performance engine for processing and visualizing streaming data analytics.',
@@ -56,7 +76,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'notification-center',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Centralized system for managing and delivering notifications across multiple channels.',
@@ -64,7 +88,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'administrative-control-panel-and-user-management-interface',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'Admin interface for managing users, permissions, and system configurations.',
@@ -72,7 +100,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'search-indexer',
-    owner: 'search-team',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
     type: 'service',
     description:
       'Service responsible for indexing and updating searchable content across the platform.',
@@ -80,7 +112,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'cross-platform-mobile-application-framework',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'website',
     description:
       'Framework enabling development of cross-platform mobile applications with shared codebase.',
@@ -88,7 +124,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'database-migration',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'other',
     description:
       'Tools and scripts for managing database schema migrations and data transformations.',
@@ -96,7 +136,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'api-gateway',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Central entry point for all API requests, handling routing, authentication, and rate limiting.',
@@ -104,7 +148,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'content-management',
-    owner: 'content-team',
+    owner: {
+      name: 'content-team',
+      profilePicture: 'https://github.com/content-team.png',
+      link: 'https://github.com/orgs/company/teams/content-team',
+    },
     type: 'service',
     description:
       'System for managing and delivering digital content across multiple channels.',
@@ -112,7 +160,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'enterprise-reporting-and-analytics-dashboard',
-    owner: 'analytics-team',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
     type: 'website',
     description:
       'Comprehensive business intelligence platform for enterprise-wide reporting and analytics.',
@@ -120,7 +172,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'image-processing-and-optimization-service',
-    owner: 'media-team',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
     type: 'service',
     description:
       'Service for processing, optimizing, and delivering images across different devices and networks.',
@@ -128,7 +184,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'customer-portal',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'Self-service portal for customers to manage their accounts and access services.',
@@ -136,7 +196,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'log-aggregator',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description:
       'Centralized logging system for collecting, processing, and analyzing application logs.',
@@ -144,7 +208,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'identity-provider',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description:
       'Service managing user identities and authentication across the organization.',
@@ -152,7 +220,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'document-storage',
-    owner: 'storage-team',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
     type: 'service',
     description:
       'Secure and scalable document storage system with version control and access management.',
@@ -160,7 +232,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'workflow-engine',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Engine for defining and executing business processes and workflows.',
@@ -168,7 +244,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'mobile-backend',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'service',
     description:
       'Backend services supporting mobile applications with optimized APIs and data synchronization.',
@@ -176,7 +256,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'system-monitoring-and-alerting-dashboard',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'website',
     description:
       'Real-time monitoring and alerting system for infrastructure and application health.',
@@ -184,7 +268,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'email-service',
-    owner: 'communication-team',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
     type: 'service',
     description:
       'Reliable email delivery service with templates and tracking capabilities.',
@@ -192,7 +280,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'data-pipeline',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'ETL pipeline for processing and transforming large volumes of data.',
@@ -200,7 +292,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'configuration-manager',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Centralized system for managing application configurations across environments.',
@@ -208,7 +304,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'testing-framework',
-    owner: 'qa-team',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
     type: 'library',
     description:
       'Comprehensive testing framework supporting various types of automated tests.',
@@ -216,7 +316,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'cache-service',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Distributed caching service for improving application performance.',
@@ -224,7 +328,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'billing-system',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description:
       'System for managing customer billing, invoicing, and payment processing.',
@@ -232,7 +340,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'comprehensive-product-documentation-and-api-reference',
-    owner: 'docs-team',
+    owner: {
+      name: 'docs-team',
+      profilePicture: 'https://github.com/docs-team.png',
+      link: 'https://github.com/orgs/company/teams/docs-team',
+    },
     type: 'documentation',
     description:
       'Complete documentation covering product features, APIs, and integration guides.',
@@ -240,7 +352,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'queue-manager',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Message queue system for asynchronous processing and event handling.',
@@ -248,7 +364,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'security-scanner',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'other',
     description:
       'Automated security scanning tool for identifying vulnerabilities in code and infrastructure.',
@@ -256,7 +376,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'user-profile',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'User profile management interface with personalization features.',
@@ -264,7 +388,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'data-warehouse',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'Centralized data repository for business intelligence and analytics.',
@@ -272,7 +400,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'deployment-automation',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'other',
     description:
       'Automated deployment pipeline for continuous integration and delivery.',
@@ -280,7 +412,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'chat-service',
-    owner: 'communication-team',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
     type: 'service',
     description:
       'Real-time chat service supporting text, file sharing, and group conversations.',
@@ -288,7 +424,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'analytics-dashboard',
-    owner: 'analytics-team',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
     type: 'website',
     description:
       'Interactive dashboard for visualizing and analyzing business metrics.',
@@ -296,7 +436,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'file-uploader',
-    owner: 'storage-team',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
     type: 'service',
     description:
       'Service for handling secure file uploads with progress tracking and validation.',
@@ -304,7 +448,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'search-service',
-    owner: 'search-team',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
     type: 'service',
     description:
       'Full-text search service with advanced filtering and ranking capabilities.',
@@ -312,7 +460,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'mobile-sdk',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'library',
     description:
       'Software development kit for building mobile applications with native features.',
@@ -320,7 +472,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'performance-monitor',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description:
       'System for monitoring and analyzing application performance metrics.',
@@ -328,7 +484,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'content-delivery',
-    owner: 'media-team',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
     type: 'service',
     description:
       'CDN service for optimized content delivery across global networks.',
@@ -336,7 +496,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'user-authentication',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description:
       'Service handling user login, session management, and authentication flows.',
@@ -344,7 +508,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'data-export',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'Service for exporting data in various formats with scheduling capabilities.',
@@ -352,7 +520,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'admin-api',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'API endpoints for administrative functions and system management.',
@@ -360,14 +532,22 @@ export const data: DataProps[] = [
   },
   {
     name: 'testing-dashboard',
-    owner: 'qa-team',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
     type: 'website',
     description: 'Dashboard for monitoring test results and quality metrics.',
     tags: ['testing', 'dashboard', 'qa'],
   },
   {
     name: 'message-broker',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description:
       'Message broker service for reliable event-driven communication between services.',
@@ -375,7 +555,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'payment-processor',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description:
       'Service for processing financial transactions and payment methods.',
@@ -383,14 +567,22 @@ export const data: DataProps[] = [
   },
   {
     name: 'document-viewer',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description: 'Web-based document viewer supporting multiple file formats.',
     tags: ['documents', 'viewer'],
   },
   {
     name: 'load-balancer',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description:
       'Service for distributing network traffic across multiple servers.',
@@ -398,7 +590,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'security-audit',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'other',
     description:
       'Tools and processes for conducting security audits and compliance checks.',
@@ -406,7 +602,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'user-settings',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'Interface for users to manage their preferences and account settings.',
@@ -414,7 +614,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'data-import',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'Service for importing and validating data from external sources.',
@@ -422,7 +626,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'infrastructure-monitor',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description:
       'Monitoring system for infrastructure components and resources.',
@@ -430,7 +638,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'notification-manager',
-    owner: 'communication-team',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
     type: 'service',
     description:
       'Service for managing and delivering notifications across multiple channels.',
@@ -438,7 +650,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'analytics-processor',
-    owner: 'analytics-team',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
     type: 'service',
     description:
       'Service for processing and analyzing business data and metrics.',
@@ -446,21 +662,33 @@ export const data: DataProps[] = [
   },
   {
     name: 'file-manager',
-    owner: 'storage-team',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
     type: 'website',
     description: 'Web interface for managing files and storage resources.',
     tags: ['files', 'storage', 'management'],
   },
   {
     name: 'search-index',
-    owner: 'search-team',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
     type: 'service',
     description: 'Service for maintaining and updating search indices.',
     tags: ['search', 'indexing'],
   },
   {
     name: 'mobile-authentication',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'service',
     description:
       'Authentication service specifically designed for mobile applications.',
@@ -468,7 +696,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'system-monitor',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description:
       'Monitoring service for system health and performance metrics.',
@@ -476,21 +708,33 @@ export const data: DataProps[] = [
   },
   {
     name: 'media-processor',
-    owner: 'media-team',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
     type: 'service',
     description: 'Service for processing and optimizing media files.',
     tags: ['media', 'processing', 'optimization'],
   },
   {
     name: 'user-management',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for managing user accounts and permissions.',
     tags: ['user', 'management', 'security'],
   },
   {
     name: 'data-transformer',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description:
       'Service for transforming data between different formats and structures.',
@@ -498,7 +742,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'admin-dashboard',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'website',
     description:
       'Administrative interface for system management and monitoring.',
@@ -506,63 +754,99 @@ export const data: DataProps[] = [
   },
   {
     name: 'test-automation',
-    owner: 'qa-team',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
     type: 'other',
     description: 'Tools and frameworks for automating testing processes.',
     tags: ['testing', 'automation', 'qa'],
   },
   {
     name: 'event-bus',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description: 'Event-driven communication system between services.',
     tags: ['events', 'messaging', 'communication'],
   },
   {
     name: 'invoice-generator',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description: 'Service for generating and managing invoices.',
     tags: ['invoices', 'finance'],
   },
   {
     name: 'document-editor',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description: 'Web-based document editing interface.',
     tags: ['documents', 'editor'],
   },
   {
     name: 'service-discovery',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description: 'Service for discovering and registering available services.',
     tags: ['discovery', 'services', 'devops'],
   },
   {
     name: 'security-monitor',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for monitoring security events and threats.',
     tags: ['security', 'monitoring', 'threats'],
   },
   {
     name: 'user-preferences',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description: 'Interface for managing user preferences and settings.',
     tags: ['user', 'preferences'],
   },
   {
     name: 'data-validator',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description: 'Service for validating data integrity and format.',
     tags: ['data', 'validation'],
   },
   {
     name: 'infrastructure-automation',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'other',
     description:
       'Tools for automating infrastructure provisioning and management.',
@@ -570,7 +854,11 @@ export const data: DataProps[] = [
   },
   {
     name: 'notification-dispatcher',
-    owner: 'communication-team',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
     type: 'service',
     description:
       'Service for dispatching notifications to appropriate channels.',
@@ -578,112 +866,176 @@ export const data: DataProps[] = [
   },
   {
     name: 'analytics-collector',
-    owner: 'analytics-team',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
     type: 'service',
     description: 'Service for collecting and aggregating analytics data.',
     tags: ['analytics', 'collection', 'aggregation'],
   },
   {
     name: 'file-processor',
-    owner: 'storage-team',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
     type: 'service',
     description: 'Service for processing and managing files.',
     tags: ['files', 'processing'],
   },
   {
     name: 'search-analyzer',
-    owner: 'search-team',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
     type: 'service',
     description: 'Service for analyzing search queries and results.',
     tags: ['search', 'analysis'],
   },
   {
     name: 'mobile-notifications',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'service',
     description: 'Service for sending notifications to mobile devices.',
     tags: ['mobile', 'notifications'],
   },
   {
     name: 'system-alerts',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description: 'Service for managing and dispatching system alerts.',
     tags: ['alerts', 'system', 'monitoring'],
   },
   {
     name: 'media-encoder',
-    owner: 'media-team',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
     type: 'service',
     description: 'Service for encoding and processing media files.',
     tags: ['media', 'encoding'],
   },
   {
     name: 'user-authorization',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for managing user permissions and access control.',
     tags: ['authorization', 'security', 'user'],
   },
   {
     name: 'data-aggregator',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description: 'Service for aggregating data from multiple sources.',
     tags: ['data', 'aggregation'],
   },
   {
     name: 'admin-authentication',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description: 'Authentication service for administrative access.',
     tags: ['admin', 'authentication', 'security'],
   },
   {
     name: 'test-coverage',
-    owner: 'qa-team',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
     type: 'other',
     description: 'Tools for measuring and reporting test coverage.',
     tags: ['testing', 'coverage', 'qa'],
   },
   {
     name: 'event-processor',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description: 'Service for processing and handling events.',
     tags: ['events', 'processing'],
   },
   {
     name: 'payment-validator',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description: 'Service for validating payment transactions.',
     tags: ['payments', 'validation', 'finance'],
   },
   {
     name: 'document-converter',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'service',
     description: 'Service for converting documents between different formats.',
     tags: ['documents', 'conversion'],
   },
   {
     name: 'service-health',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description: 'Service for monitoring and reporting service health status.',
     tags: ['health', 'monitoring', 'services'],
   },
   {
     name: 'security-logger',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for logging security-related events and activities.',
     tags: ['security', 'logging'],
   },
   {
     name: 'user-analytics',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'website',
     description:
       'Analytics dashboard for user behavior and engagement metrics.',
@@ -691,126 +1043,198 @@ export const data: DataProps[] = [
   },
   {
     name: 'data-cleaner',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description: 'Service for cleaning and standardizing data.',
     tags: ['data', 'cleaning'],
   },
   {
     name: 'infrastructure-deployer',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'other',
     description: 'Tools for deploying and managing infrastructure resources.',
     tags: ['infrastructure', 'deployment', 'devops'],
   },
   {
     name: 'notification-queue',
-    owner: 'communication-team',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
     type: 'service',
     description: 'Queue system for managing notification delivery.',
     tags: ['notifications', 'queue'],
   },
   {
     name: 'analytics-exporter',
-    owner: 'analytics-team',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
     type: 'service',
     description: 'Service for exporting analytics data in various formats.',
     tags: ['analytics', 'export'],
   },
   {
     name: 'file-validator',
-    owner: 'storage-team',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
     type: 'service',
     description: 'Service for validating file integrity and format.',
     tags: ['files', 'validation'],
   },
   {
     name: 'search-optimizer',
-    owner: 'search-team',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
     type: 'service',
     description: 'Service for optimizing search performance and relevance.',
     tags: ['search', 'optimization'],
   },
   {
     name: 'mobile-analytics',
-    owner: 'mobile-team',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
     type: 'service',
     description: 'Analytics service specifically for mobile applications.',
     tags: ['mobile', 'analytics'],
   },
   {
     name: 'system-logger',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description: 'Service for logging system events and activities.',
     tags: ['logging', 'system'],
   },
   {
     name: 'media-validator',
-    owner: 'media-team',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
     type: 'service',
     description: 'Service for validating media files and formats.',
     tags: ['media', 'validation'],
   },
   {
     name: 'user-audit',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for auditing user activities and access.',
     tags: ['audit', 'user', 'security'],
   },
   {
     name: 'data-normalizer',
-    owner: 'data-team',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
     type: 'service',
     description: 'Service for normalizing data formats and structures.',
     tags: ['data', 'normalization'],
   },
   {
     name: 'admin-authorization',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description: 'Authorization service for administrative functions.',
     tags: ['admin', 'authorization', 'security'],
   },
   {
     name: 'test-reporting',
-    owner: 'qa-team',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
     type: 'other',
     description: 'Tools for generating and managing test reports.',
     tags: ['testing', 'reporting', 'qa'],
   },
   {
     name: 'event-aggregator',
-    owner: 'platform-team',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
     type: 'service',
     description: 'Service for aggregating and processing events.',
     tags: ['events', 'aggregation'],
   },
   {
     name: 'payment-reconciler',
-    owner: 'finance-team',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
     type: 'service',
     description: 'Service for reconciling payment transactions.',
     tags: ['payments', 'reconciliation', 'finance'],
   },
   {
     name: 'document-validator',
-    owner: 'frontend-team',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
     type: 'service',
     description: 'Service for validating document formats and content.',
     tags: ['documents', 'validation'],
   },
   {
     name: 'service-monitor',
-    owner: 'devops-team',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
     type: 'service',
     description: 'Service for monitoring service health and performance.',
     tags: ['monitoring', 'services', 'health'],
   },
   {
     name: 'security-validator',
-    owner: 'security-team',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
     type: 'service',
     description: 'Service for validating security configurations and policies.',
     tags: ['security', 'validation'],
diff --git a/packages/canon/src/components/Table/Table.tsx b/packages/canon/src/components/Table/Table.tsx
index 185c110654..abc0ce03c8 100644
--- a/packages/canon/src/components/Table/Table.tsx
+++ b/packages/canon/src/components/Table/Table.tsx
@@ -19,6 +19,7 @@ import clsx from 'clsx';
 import { TableCell } from './TableCell/TableCell';
 import { TableCellText } from './TableCellText/TableCellText';
 import { TableCellLink } from './TableCellLink/TableCellLink';
+import { TableCellProfile } from './TableCellProfile/TableCellProfile';
 
 const TableRoot = forwardRef<
   HTMLTableElement,
@@ -91,5 +92,6 @@ export const Table = {
   Cell: TableCell,
   CellText: TableCellText,
   CellLink: TableCellLink,
+  CellProfile: TableCellProfile,
   Caption: TableCaption,
 };
diff --git a/packages/canon/src/components/Table/TableCellLink/types.ts b/packages/canon/src/components/Table/TableCellLink/types.ts
index 50cac9a45a..51df3724cf 100644
--- a/packages/canon/src/components/Table/TableCellLink/types.ts
+++ b/packages/canon/src/components/Table/TableCellLink/types.ts
@@ -18,7 +18,7 @@ import type { useRender } from '@base-ui-components/react/use-render';
 
 /** @public */
 export interface TableCellLinkProps
-  extends React.TdHTMLAttributes<HTMLTableCellElement> {
+  extends React.HTMLAttributes<HTMLDivElement> {
   title: string;
   description?: string;
   href: string;
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx
new file mode 100644
index 0000000000..5ee482f4fc
--- /dev/null
+++ b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.stories.tsx
@@ -0,0 +1,47 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { TableCellProfile } from './TableCellProfile';
+
+const meta = {
+  title: 'Components/Table/TableCellProfile',
+  component: TableCellProfile,
+} satisfies Meta<typeof TableCellProfile>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    src: 'https://avatars.githubusercontent.com/u/1540635?v=4',
+    name: 'Charles de Dreuille',
+  },
+};
+
+export const Fallback: Story = {
+  args: {
+    ...Default.args,
+    src: 'https://avatars.githubusercontent.com/u/15406AAAAAAAAA',
+  },
+};
+
+export const WithLink: Story = {
+  args: {
+    ...Default.args,
+    to: 'https://www.google.com',
+  },
+};
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.styles.css b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.styles.css
new file mode 100644
index 0000000000..30ab1fe683
--- /dev/null
+++ b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.styles.css
@@ -0,0 +1,57 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.canon-TableCellProfile {
+  display: flex;
+  flex-direction: row;
+  gap: var(--canon-space-2);
+  align-items: center;
+}
+
+.canon-TableCellProfileAvatar {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle;
+  border-radius: 100%;
+  user-select: none;
+  font-weight: 500;
+  color: var(--canon-fg-primary);
+  background-color: var(--canon-bg-surface-2);
+  font-size: 1rem;
+  line-height: 1;
+  overflow: hidden;
+  height: 1.25rem;
+  width: 1.25rem;
+}
+
+.canon-TableCellProfileAvatarImage {
+  object-fit: cover;
+  height: 100%;
+  width: 100%;
+}
+
+.canon-TableCellProfileAvatarFallback {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--canon-border);
+  border-radius: var(--canon-radius-full);
+}
diff --git a/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.tsx b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.tsx
new file mode 100644
index 0000000000..78d82f59aa
--- /dev/null
+++ b/packages/canon/src/components/Table/TableCellProfile/TableCellProfile.tsx
@@ -0,0 +1,60 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { TableCellProfileProps } from './types';
+import { Text } from '../../Text/Text';
+import { Link } from '../../Link/Link';
+import { Avatar } from '@base-ui-components/react/avatar';
+
+/** @public */
+const TableCellProfile = forwardRef<HTMLDivElement, TableCellProfileProps>(
+  ({ className, src, name, to, withImage = true, ...rest }, ref) => (
+    <div
+      ref={ref}
+      className={clsx('canon-TableCellProfile', className)}
+      {...rest}
+    >
+      {withImage && (
+        <Avatar.Root className="canon-TableCellProfileAvatar">
+          <Avatar.Image
+            src={src}
+            width="20"
+            height="20"
+            className="canon-TableCellProfileAvatarImage"
+          />
+          <Avatar.Fallback className="canon-TableCellProfileAvatarFallback">
+            {(name || '')
+              .split(' ')
+              .map(word => word[0])
+              .join('')
+              .toLocaleUpperCase('en-US')
+              .slice(0, 1)}
+          </Avatar.Fallback>
+        </Avatar.Root>
+      )}
+      {name && to ? (
+        <Link to={to}>{name}</Link>
+      ) : (
+        <Text variant="body">{name}</Text>
+      )}
+    </div>
+  ),
+);
+TableCellProfile.displayName = 'TableCellProfile';
+
+export { TableCellProfile };
diff --git a/packages/canon/src/components/Table/TableCellProfile/types.ts b/packages/canon/src/components/Table/TableCellProfile/types.ts
new file mode 100644
index 0000000000..d5a7b18cc2
--- /dev/null
+++ b/packages/canon/src/components/Table/TableCellProfile/types.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** @public */
+export interface TableCellProfileProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  src?: string;
+  name?: string;
+  to?: string;
+  withImage?: boolean;
+}
diff --git a/packages/canon/src/components/Table/TableCellText/types.ts b/packages/canon/src/components/Table/TableCellText/types.ts
index c6f1814966..99a27ad248 100644
--- a/packages/canon/src/components/Table/TableCellText/types.ts
+++ b/packages/canon/src/components/Table/TableCellText/types.ts
@@ -16,7 +16,7 @@
 
 /** @public */
 export interface TableCellTextProps
-  extends React.TdHTMLAttributes<HTMLTableCellElement> {
+  extends React.HTMLAttributes<HTMLDivElement> {
   title: string;
   description?: string;
 }
diff --git a/packages/canon/src/components/Table/index.ts b/packages/canon/src/components/Table/index.ts
index 0422086b45..5c7f3da195 100644
--- a/packages/canon/src/components/Table/index.ts
+++ b/packages/canon/src/components/Table/index.ts
@@ -17,3 +17,4 @@
 export * from './Table';
 export * from './TableCellText/types';
 export * from './TableCellLink/types';
+export * from './TableCellProfile/types';
diff --git a/packages/canon/src/css/components.css b/packages/canon/src/css/components.css
index 8abef12afe..a26ebffae9 100644
--- a/packages/canon/src/css/components.css
+++ b/packages/canon/src/css/components.css
@@ -28,6 +28,7 @@
 @import '../components/Table/TableCell/TableCell.styles.css';
 @import '../components/Table/TableCellText/TableCellText.styles.css';
 @import '../components/Table/TableCellLink/TableCellLink.styles.css';
+@import '../components/Table/TableCellProfile/TableCellProfile.styles.css';
 @import '../components/Text/styles.css';
 @import '../components/Heading/styles.css';
 @import '../components/IconButton/styles.css';