diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx
index b0a77f6cab3cb..4027b431110ac 100644
--- a/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx
+++ b/x-pack/platform/packages/shared/ai-assistant/icon/__stories__/beacon.stories.tsx
@@ -19,6 +19,11 @@ export default {
       options: ['original', 's', 'm', 'l', 'xl', 'xxl'],
       defaultValue: 'xxl',
     },
+    backgroundColor: {
+      control: 'select',
+      options: ['body', 'emptyShade', 'lightShade', 'darkShade'],
+      defaultValue: 'body',
+    },
   },
 } as ComponentMeta<typeof Component>;
 
diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/avatar.styles.ts b/x-pack/platform/packages/shared/ai-assistant/icon/avatar.styles.ts
deleted file mode 100644
index 3b9d0b40ef274..0000000000000
--- a/x-pack/platform/packages/shared/ai-assistant/icon/avatar.styles.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import { useEuiTheme } from '@elastic/eui';
-import { css } from '@emotion/react';
-
-export const useStyles = () => {
-  const {
-    euiTheme: { border, size },
-  } = useEuiTheme();
-
-  const root = css`
-    border: ${border.thin};
-    padding: ${size.xs};
-  `;
-
-  return { root };
-};
diff --git a/x-pack/platform/packages/shared/ai-assistant/icon/avatar.tsx b/x-pack/platform/packages/shared/ai-assistant/icon/avatar.tsx
index 40142b8b30fa8..ce539979f202c 100644
--- a/x-pack/platform/packages/shared/ai-assistant/icon/avatar.tsx
+++ b/x-pack/platform/packages/shared/ai-assistant/icon/avatar.tsx
@@ -9,7 +9,6 @@ import React from 'react';
 import { EuiAvatar, EuiAvatarProps } from '@elastic/eui';
 
 import { AssistantIcon } from './icon';
-import { useStyles } from './avatar.styles';
 
 /**
  * Avatar component for the AI Assistant.
@@ -23,11 +22,9 @@ export type AssistantAvatarProps = Omit<
  * A `EuiAvatar` component customized for the AI Assistant.
  */
 export const AssistantAvatar = ({
-  css,
   color = 'plain',
   size = 'm',
   ...props
 }: AssistantAvatarProps) => {
-  const { root } = useStyles();
-  return <EuiAvatar {...{ ...props, color, size }} css={[root, css]} iconType={AssistantIcon} />;
+  return <EuiAvatar {...{ ...props, color, size }} iconType={AssistantIcon} />;
 };
diff --git a/x-pack/platform/packages/shared/kbn-ai-assistant/src/chat/welcome_message.tsx b/x-pack/platform/packages/shared/kbn-ai-assistant/src/chat/welcome_message.tsx
index 6133df55c57e0..555461de16d77 100644
--- a/x-pack/platform/packages/shared/kbn-ai-assistant/src/chat/welcome_message.tsx
+++ b/x-pack/platform/packages/shared/kbn-ai-assistant/src/chat/welcome_message.tsx
@@ -80,7 +80,7 @@ export function WelcomeMessage({
         className={fullHeightClassName}
       >
         <EuiFlexItem grow={false}>
-          <AssistantBeacon backgroundColor="ghost" size="xl" />
+          <AssistantBeacon backgroundColor="emptyShade" size="xl" />
         </EuiFlexItem>
         <EuiFlexItem grow className={centerMaxWidthClassName}>
           <EuiSpacer size={['xl', 'l'].includes(breakpoint!) ? 'l' : 's'} />
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx
index 3aa0e2271beff..86bd31318349c 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx
@@ -9,7 +9,7 @@ import React, { Dispatch, SetStateAction } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText } from '@elastic/eui';
 import { css } from '@emotion/react';
 import { PromptResponse } from '@kbn/elastic-assistant-common';
-import { AssistantAnimatedIcon } from '../assistant_animated_icon';
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 import { SystemPrompt } from '../prompt_editor/system_prompt';
 import { SetupKnowledgeBaseButton } from '../../knowledge_base/setup_knowledge_base_button';
 import * as i18n from '../translations';
@@ -41,7 +41,7 @@ export const EmptyConvo: React.FC<Props> = ({
         >
           <EuiFlexGroup alignItems="center" justifyContent="center" direction="column">
             <EuiFlexItem grow={false}>
-              <AssistantAnimatedIcon />
+              <AssistantBeacon backgroundColor="emptyShade" size="xl" />
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiText>
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx
index 757f385db058c..6fc10341864f3 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx
@@ -18,7 +18,7 @@ import { HttpSetup } from '@kbn/core-http-browser';
 import { euiThemeVars } from '@kbn/ui-theme';
 import { css } from '@emotion/react';
 import { PromptResponse } from '@kbn/elastic-assistant-common';
-import { AssistantAnimatedIcon } from '../assistant_animated_icon';
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 import { EmptyConvo } from './empty_convo';
 import { WelcomeSetup } from './welcome_setup';
 import { Conversation } from '../../..';
@@ -102,7 +102,10 @@ export const AssistantBody: FunctionComponent<Props> = ({
     <EuiFlexGroup direction="column" justifyContent="spaceBetween">
       <EuiFlexItem grow={false}>
         {isLoading ? (
-          <EuiEmptyPrompt data-test-subj="animatedLogo" icon={<AssistantAnimatedIcon />} />
+          <EuiEmptyPrompt
+            data-test-subj="animatedLogo"
+            icon={<AssistantBeacon backgroundColor="emptyShade" />}
+          />
         ) : isWelcomeSetup ? (
           <WelcomeSetup
             currentConversation={currentConversation}
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/welcome_setup.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/welcome_setup.tsx
index e3f717d0d9851..9446454ad94cd 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/welcome_setup.tsx
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/welcome_setup.tsx
@@ -8,8 +8,8 @@
 import React from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText } from '@elastic/eui';
 import { css } from '@emotion/react';
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 import { Conversation } from '../../..';
-import { AssistantAnimatedIcon } from '../assistant_animated_icon';
 import { ConnectorSetup } from '../../connectorland/connector_setup';
 import * as i18n from '../translations';
 
@@ -38,7 +38,7 @@ export const WelcomeSetup: React.FC<Props> = ({
             data-test-subj="welcome-setup"
           >
             <EuiFlexItem grow={false}>
-              <AssistantAnimatedIcon />
+              <AssistantBeacon backgroundColor="emptyShade" />
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiText>
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx
index 03016f143b6b0..5c78ab2552ab4 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx
@@ -8,9 +8,9 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiInlineEditTitle } from '@elastic/eui';
 import { css } from '@emotion/react';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import { DataStreamApis } from '../use_data_stream_apis';
 import type { Conversation } from '../../..';
-import { AssistantAvatar } from '../assistant_avatar/assistant_avatar';
 import { useConversation } from '../use_conversation';
 import { NEW_CHAT } from '../conversations/conversation_sidepanel/translations';
 
@@ -51,7 +51,7 @@ export const AssistantTitle: React.FC<{
   return (
     <EuiFlexGroup gutterSize="m" alignItems="center">
       <EuiFlexItem grow={false}>
-        <AssistantAvatar data-test-subj="titleIcon" size={'s'} />
+        <AssistantIcon data-test-subj="titleIcon" size="l" />
       </EuiFlexItem>
       <EuiFlexItem
         css={css`
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/index.ts b/x-pack/platform/packages/shared/kbn-elastic-assistant/index.ts
index 5b9beab5467d7..0bfaa45f51ba6 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/index.ts
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/index.ts
@@ -71,9 +71,6 @@ export { useAssistantOverlay } from './impl/assistant/use_assistant_overlay';
 /** a helper that enriches content returned from a query with action buttons */
 export { analyzeMarkdown } from './impl/assistant/use_conversation/helpers';
 
-/** Default Elastic AI Assistant logo, can be removed once included in EUI **/
-export { AssistantAvatar } from './impl/assistant/assistant_avatar/assistant_avatar';
-
 export { ConnectorSelectorInline } from './impl/connectorland/connector_selector_inline/connector_selector_inline';
 
 export {
diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/tsconfig.json b/x-pack/platform/packages/shared/kbn-elastic-assistant/tsconfig.json
index e060e8f3bed27..0995166fb095b 100644
--- a/x-pack/platform/packages/shared/kbn-elastic-assistant/tsconfig.json
+++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/tsconfig.json
@@ -34,5 +34,6 @@
     "@kbn/zod",
     "@kbn/data-views-plugin",
     "@kbn/user-profile-components",
+    "@kbn/ai-assistant-icon",
   ]
 }
diff --git a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_assistant/header/header.tsx b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_assistant/header/header.tsx
index 7b417aee5576f..609226c48c8dd 100644
--- a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_assistant/header/header.tsx
+++ b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_assistant/header/header.tsx
@@ -5,16 +5,9 @@
  * 2.0.
  */
 
-import {
-  EuiAvatar,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiSpacer,
-  EuiText,
-  useEuiTheme,
-} from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText, useEuiTheme } from '@elastic/eui';
 import { css } from '@emotion/react';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantAvatar } from '@kbn/ai-assistant-icon';
 import { KibanaPageTemplate } from '@kbn/shared-ux-page-kibana-template';
 import React from 'react';
 import { useActions } from '../state';
@@ -40,8 +33,8 @@ interface HeaderProps {
 }
 export const Header = React.memo<HeaderProps>(({ currentStep, isGenerating }) => {
   const { setStep } = useActions();
-  const { euiTheme } = useEuiTheme();
   const avatarCss = useAvatarCss();
+
   return (
     <KibanaPageTemplate.Header>
       <EuiFlexGroup direction="column" alignItems="center">
@@ -56,13 +49,7 @@ export const Header = React.memo<HeaderProps>(({ currentStep, isGenerating }) =>
                 justifyContent="center"
               >
                 <EuiFlexItem grow={false}>
-                  <EuiAvatar
-                    name={i18n.ASSISTANT_AVATAR}
-                    size="m"
-                    iconType={AssistantAvatar}
-                    color={euiTheme.colors.emptyShade}
-                    css={avatarCss}
-                  />
+                  <AssistantAvatar css={avatarCss} name={i18n.ASSISTANT_AVATAR} />
                 </EuiFlexItem>
                 <EuiFlexItem>
                   <EuiText>
diff --git a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx
index 3dec795111425..dbae30ad664de 100644
--- a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx
+++ b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx
@@ -15,7 +15,7 @@ import {
   EuiTitle,
   EuiBetaBadge,
 } from '@elastic/eui';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import { useAuthorization } from '../../../common/hooks/use_authorization';
 import { MissingPrivilegesTooltip } from '../../../common/components/authorization';
 import { useNavigate, Page } from '../../../common/hooks/use_navigate';
@@ -28,7 +28,7 @@ export const IntegrationAssistantCard = React.memo(() => {
     <EuiPanel hasBorder={true} paddingSize="l">
       <EuiFlexGroup direction="row" gutterSize="l" alignItems="center" justifyContent="center">
         <EuiFlexItem grow={false}>
-          <AssistantAvatar />
+          <AssistantIcon />
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiFlexGroup
diff --git a/x-pack/platform/plugins/shared/integration_assistant/tsconfig.json b/x-pack/platform/plugins/shared/integration_assistant/tsconfig.json
index 6af7a008e5093..6585a4cb12208 100644
--- a/x-pack/platform/plugins/shared/integration_assistant/tsconfig.json
+++ b/x-pack/platform/plugins/shared/integration_assistant/tsconfig.json
@@ -44,5 +44,6 @@
     "@kbn/utils",
     "@kbn/zod",
     "@kbn/tooling-log",
+    "@kbn/ai-assistant-icon"
   ]
 }
diff --git a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx
index fb990fc295bbf..51c4b26f6255c 100644
--- a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx
+++ b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx
@@ -6,9 +6,10 @@
  */
 
 import React, { FC, useCallback } from 'react';
-import { AssistantAvatar, NewChat } from '@kbn/elastic-assistant';
+import { NewChat } from '@kbn/elastic-assistant';
 import styled from 'styled-components';
 
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import {
   DATA_QUALITY_DASHBOARD_CONVERSATION_ID,
   DATA_QUALITY_PROMPT_CONTEXT_PILL,
@@ -44,7 +45,7 @@ const ChatActionComponent: FC<Props> = ({ indexName, markdownComment }) => {
       iconType={null}
     >
       <StyledLinkText>
-        <AssistantAvatar size="xs" />
+        <AssistantIcon />
         {ASK_ASSISTANT}
       </StyledLinkText>
     </NewChat>
diff --git a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/tsconfig.json b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/tsconfig.json
index 2d76e9b8b0b4b..95cb9be72b6ce 100644
--- a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/tsconfig.json
+++ b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/tsconfig.json
@@ -26,5 +26,6 @@
     "@kbn/core",
     "@kbn/core-notifications-browser",
     "@kbn/core-notifications-browser-mocks",
+    "@kbn/ai-assistant-icon",
   ]
 }
diff --git a/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx b/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx
index 0c6a12c88d7fd..db9bc7c24ea69 100644
--- a/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx
+++ b/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx
@@ -5,10 +5,10 @@
  * 2.0.
  */
 
-import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 import React, { useMemo } from 'react';
+import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 
-import { AssistantAvatar } from './assistant_avatar/assistant_avatar';
 import * as i18n from './translations';
 
 interface Props {
@@ -30,7 +30,7 @@ const AttackDiscoveryUpsellingSectionComponent: React.FC<Props> = ({
     () => (
       <EuiFlexGroup alignItems="center" direction="column" gutterSize="none">
         <EuiFlexItem data-test-subj="assistantAvatar" grow={false}>
-          <AssistantAvatar size="m" />
+          <AssistantBeacon backgroundColor="emptyShade" />
           <EuiSpacer size="m" />
         </EuiFlexItem>
 
diff --git a/x-pack/solutions/security/packages/upselling/tsconfig.json b/x-pack/solutions/security/packages/upselling/tsconfig.json
index 653738495ed81..93486d9365016 100644
--- a/x-pack/solutions/security/packages/upselling/tsconfig.json
+++ b/x-pack/solutions/security/packages/upselling/tsconfig.json
@@ -20,6 +20,7 @@
     "@kbn/i18n",
     "@kbn/security-solution-navigation",
     "@kbn/shared-ux-page-kibana-template",
+    "@kbn/ai-assistant-icon",
   ],
   "exclude": [
     "target/**/*"
diff --git a/x-pack/solutions/security/plugins/security_solution/public/assistant/get_comments/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/assistant/get_comments/index.tsx
index b3be6370e905d..8b9dc2f2c80f4 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/assistant/get_comments/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/assistant/get_comments/index.tsx
@@ -9,7 +9,7 @@ import type { ClientMessage, GetAssistantMessages } from '@kbn/elastic-assistant
 import { EuiAvatar, EuiLoadingSpinner } from '@elastic/eui';
 import React from 'react';
 
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantAvatar } from '@kbn/ai-assistant-icon';
 import type { Replacements } from '@kbn/elastic-assistant-common';
 import { replaceAnonymizedValuesWithOriginalValues } from '@kbn/elastic-assistant-common';
 import styled from '@emotion/styled';
@@ -117,9 +117,7 @@ export const getComments: GetAssistantMessages = ({
       ? [
           {
             username: i18n.SYSTEM,
-            timelineAvatar: (
-              <EuiAvatar name="machine" size="l" color="subdued" iconType={AssistantAvatar} />
-            ),
+            timelineAvatar: <AssistantAvatar name="machine" size="l" color="subdued" />,
             timestamp:
               currentConversation.messages[0].timestamp.length === 0
                 ? new Date().toLocaleString()
@@ -148,7 +146,7 @@ export const getComments: GetAssistantMessages = ({
         timelineAvatar: isUser ? (
           <UserAvatar />
         ) : (
-          <EuiAvatar name="machine" size="l" color="subdued" iconType={AssistantAvatar} />
+          <AssistantAvatar name="machine" size="l" color="subdued" />
         ),
         timestamp: i18n.AT(
           message.timestamp.length === 0
diff --git a/x-pack/solutions/security/plugins/security_solution/public/assistant/header_link.tsx b/x-pack/solutions/security/plugins/security_solution/public/assistant/header_link.tsx
index 342a95454cdb4..afbe0abd9fb01 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/assistant/header_link.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/assistant/header_link.tsx
@@ -10,7 +10,7 @@ import React, { useCallback } from 'react';
 
 import { i18n } from '@kbn/i18n';
 import { useAssistantContext } from '@kbn/elastic-assistant/impl/assistant_context';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 
 const isMac = navigator.platform.toLowerCase().indexOf('mac') >= 0;
 
@@ -45,7 +45,7 @@ export const AssistantHeaderLink = () => {
       <EuiHeaderLink data-test-subj="assistantHeaderLink" color="primary" onClick={showOverlay}>
         <EuiFlexGroup gutterSize="s" alignItems="center">
           <EuiFlexItem grow={false}>
-            <AssistantAvatar size="xs" />
+            <AssistantIcon size="m" />
           </EuiFlexItem>
           <EuiFlexItem grow={false}>{LINK_LABEL}</EuiFlexItem>
         </EuiFlexGroup>
diff --git a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx
index 13326a07adc70..40e258f5c5116 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx
@@ -6,7 +6,6 @@
  */
 
 import { EuiFlexGroup, EuiFlexItem, EuiSkeletonTitle, EuiTitle, useEuiTheme } from '@elastic/eui';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
 import {
   replaceAnonymizedValuesWithOriginalValues,
   type Replacements,
@@ -14,6 +13,7 @@ import {
 import { css } from '@emotion/react';
 
 import React, { useMemo } from 'react';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 
 const AVATAR_SIZE = 24; // px
 
@@ -55,11 +55,11 @@ const TitleComponent: React.FC<Props> = ({
         data-test-subj="assistantAvatar"
         grow={false}
       >
-        <AssistantAvatar
+        <AssistantIcon
           css={css`
             transform: translate(5px, 5px);
           `}
-          size="xxs"
+          size="s"
         />
       </EuiFlexItem>
 
diff --git a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx
index e254ce5d334b8..3a10a9be9c8c6 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx
@@ -5,11 +5,11 @@
  * 2.0.
  */
 
-import { AssistantAvatar } from '@kbn/elastic-assistant';
 import type { AttackDiscovery, Replacements } from '@kbn/elastic-assistant-common';
 import { EuiButton, EuiButtonEmpty, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 import React from 'react';
 
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import * as i18n from './translations';
 import { useViewInAiAssistant } from './use_view_in_ai_assistant';
 
@@ -48,7 +48,7 @@ const ViewInAiAssistantComponent: React.FC<Props> = ({
     >
       <EuiFlexGroup alignItems="center" gutterSize="xs">
         <EuiFlexItem data-test-subj="assistantAvatar" grow={false}>
-          <AssistantAvatar size="xs" />
+          <AssistantIcon size="m" />
         </EuiFlexItem>
         <EuiFlexItem data-test-subj="viewInAiAssistantLabel" grow={false}>
           {i18n.VIEW_IN_AI_ASSISTANT}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx
index 3d89f5be87030..ecaf1753a3263 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx
@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import { AssistantAvatar } from '@kbn/elastic-assistant';
 import {
   EuiEmptyPrompt,
   EuiFlexGroup,
@@ -19,6 +18,7 @@ import {
 import { css } from '@emotion/react';
 import React, { useMemo } from 'react';
 
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 import { AnimatedCounter } from './animated_counter';
 import { Generate } from '../generate';
 import * as i18n from './translations';
@@ -50,7 +50,7 @@ const EmptyPromptComponent: React.FC<Props> = ({
         gutterSize="none"
       >
         <EuiFlexItem data-test-subj="emptyPromptAvatar" grow={false}>
-          <AssistantAvatar size="m" />
+          <AssistantBeacon size="xl" backgroundColor="emptyShade" />
           <EuiSpacer size="m" />
         </EuiFlexItem>
 
diff --git a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx
index ace75f568bf3d..216b7355fe486 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx
@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import { AssistantAvatar } from '@kbn/elastic-assistant';
 import {
   EuiEmptyPrompt,
   EuiFlexGroup,
@@ -16,6 +15,7 @@ import {
 } from '@elastic/eui';
 import React, { useMemo } from 'react';
 
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import * as i18n from './translations';
 import { Generate } from '../generate';
 
@@ -35,7 +35,7 @@ const NoAlertsComponent: React.FC<Props> = ({ isDisabled, isLoading, onGenerate
         gutterSize="none"
       >
         <EuiFlexItem data-test-subj="emptyPromptAvatar" grow={false}>
-          <AssistantAvatar size="m" />
+          <AssistantIcon size="xl" />
           <EuiSpacer size="m" />
         </EuiFlexItem>
 
diff --git a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx
index 7ab90b524bb93..f03727fc87dbe 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx
@@ -5,11 +5,11 @@
  * 2.0.
  */
 
-import { AssistantAvatar } from '@kbn/elastic-assistant';
 import { ConnectorSetup } from '@kbn/elastic-assistant/impl/connectorland/connector_setup';
 import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 import React, { useMemo } from 'react';
 
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import * as i18n from './translations';
 
 const WelcomeComponent: React.FC = () => {
@@ -22,7 +22,7 @@ const WelcomeComponent: React.FC = () => {
         gutterSize="none"
       >
         <EuiFlexItem data-test-subj="emptyPromptAvatar" grow={false}>
-          <AssistantAvatar size="m" />
+          <AssistantIcon size="xl" />
           <EuiSpacer size="m" />
         </EuiFlexItem>
 
diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx
index b0142b0e32f7e..8900e69254753 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx
@@ -9,8 +9,10 @@ import React, { useCallback } from 'react';
 import { EuiSpacer } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 
-import { NewChat, AssistantAvatar } from '@kbn/elastic-assistant';
+import { NewChat } from '@kbn/elastic-assistant';
 
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
+import { css } from '@emotion/react';
 import { METRIC_TYPE, TELEMETRY_EVENT, track } from '../../../../common/lib/telemetry';
 import { useAssistantAvailability } from '../../../../assistant/use_assistant_availability';
 import * as i18nAssistant from '../../../../detections/pages/detection_engine/translations';
@@ -116,7 +118,13 @@ Proposed solution should be valid and must not contain new line symbols (\\n)`;
               isAssistantEnabled={isAssistantEnabled}
               onExportCodeBlock={handleOnExportCodeBlock}
             >
-              <AssistantAvatar size="xxs" /> {i18n.ASK_ASSISTANT_ERROR_BUTTON}
+              <AssistantIcon
+                size="s"
+                css={css`
+                  vertical-align: inherit;
+                `}
+              />{' '}
+              {i18n.ASK_ASSISTANT_ERROR_BUTTON}
             </NewChat>
           ),
         }}
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx
index 74b1147531a01..2bb37cb74b67c 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx
@@ -8,7 +8,6 @@
 import React, { useCallback, useMemo } from 'react';
 import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText } from '@elastic/eui';
 import {
-  AssistantAvatar,
   DEFEND_INSIGHTS_STORAGE_KEY,
   ConnectorSelectorInline,
   DEFAULT_ASSISTANT_NAMESPACE,
@@ -17,6 +16,7 @@ import {
 import { noop } from 'lodash/fp';
 import useLocalStorage from 'react-use/lib/useLocalStorage';
 import { some } from 'lodash';
+import { AssistantBeacon } from '@kbn/ai-assistant-icon';
 import { useSpaceId } from '../../../../../../../common/hooks/use_space_id';
 import { WORKFLOW_INSIGHTS } from '../../../translations';
 import { useKibana } from '../../../../../../../common/lib/kibana';
@@ -106,7 +106,7 @@ export const WorkflowInsightsScanSection = ({
         <EuiFlexItem grow={false}>
           <EuiFlexGroup alignItems="center" gutterSize="s">
             <EuiFlexItem grow={false}>
-              <AssistantAvatar size={'xs'} />
+              <AssistantBeacon />
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiText size="s">
diff --git a/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts b/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts
index 4850b1ee2d865..e1a8640249b39 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts
+++ b/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import type { OnboardingCardConfig } from '../../../../types';
 import { OnboardingCardId } from '../../../../constants';
 import { ASSISTANT_CARD_TITLE } from './translations';
@@ -16,7 +16,7 @@ import type { AssistantCardMetadata } from './types';
 export const assistantCardConfig: OnboardingCardConfig<AssistantCardMetadata> = {
   id: OnboardingCardId.assistant,
   title: ASSISTANT_CARD_TITLE,
-  icon: AssistantAvatar,
+  icon: AssistantIcon,
   Component: React.lazy(
     () =>
       import(
diff --git a/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts b/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts
index d0b32eb1bd638..9e8426df92ddc 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts
+++ b/x-pack/solutions/security/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { AssistantAvatar } from '@kbn/elastic-assistant/impl/assistant/assistant_avatar/assistant_avatar';
+import { AssistantIcon } from '@kbn/ai-assistant-icon';
 import type { OnboardingCardConfig } from '../../../../../types';
 import { OnboardingCardId } from '../../../../../constants';
 import { AI_CONNECTOR_CARD_TITLE } from './translations';
@@ -16,7 +16,7 @@ import type { AIConnectorCardMetadata } from './types';
 export const aiConnectorCardConfig: OnboardingCardConfig<AIConnectorCardMetadata> = {
   id: OnboardingCardId.siemMigrationsAiConnectors,
   title: AI_CONNECTOR_CARD_TITLE,
-  icon: AssistantAvatar,
+  icon: AssistantIcon,
   Component: React.lazy(
     () =>
       import(
diff --git a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/rule_details_flyout/tabs/summary/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/rule_details_flyout/tabs/summary/index.tsx
index 8561eff458a26..ab5d9deb3852d 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/rule_details_flyout/tabs/summary/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/siem_migrations/rules/components/rule_details_flyout/tabs/summary/index.tsx
@@ -7,9 +7,9 @@
 
 import React, { useMemo } from 'react';
 import type { EuiCommentProps } from '@elastic/eui';
-import { EuiAvatar, EuiCommentList, EuiMarkdownFormat, EuiSpacer } from '@elastic/eui';
+import { EuiCommentList, EuiMarkdownFormat, EuiSpacer } from '@elastic/eui';
 import moment from 'moment';
-import { AssistantAvatar } from '@kbn/elastic-assistant';
+import { AssistantAvatar } from '@kbn/ai-assistant-icon';
 import {
   RuleMigrationStatusEnum,
   type RuleMigration,
@@ -31,9 +31,7 @@ export const SummaryTab: React.FC<SummaryTabProps> = React.memo(({ ruleMigration
       return {
         username: i18n.ASSISTANT_USERNAME,
         timelineAvatarAriaLabel: i18n.ASSISTANT_USERNAME,
-        timelineAvatar: (
-          <EuiAvatar name="machine" size="l" color="subdued" iconType={AssistantAvatar} />
-        ),
+        timelineAvatar: <AssistantAvatar name="machine" size="l" color="subdued" />,
         event:
           ruleMigration.status === RuleMigrationStatusEnum.failed
             ? i18n.COMMENT_EVENT_FAILED