[9.2] [Security solution] update explore, entity analytics and assets icon for the navigation v2 (#239226) (#239250)

# Backport

This will backport the following commits from `main` to `9.2`:
- [[Security solution] update explore, entity analytics and assets icon
for the navigation v2
(#239226)](#239226)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Philippe
Oberti","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-10-16T00:35:51Z","message":"[Security
solution] update explore, entity analytics and assets icon for the
navigation v2 (#239226)\n\n## Summary\n\nThis PR makes 3 small changes
to the following icon for the new\nnavigation:\n- for the Explore entry,
we're now using `globe`\n- for the Entity Analytics entry, we're using a
custom icon\n- for the Assets entry, we're using another custom
icon\n\n| Before | After |\n| ------------- | ------------- |\n| <img
width=\"362\" height=\"1029\" alt=\"Screenshot 2025-10-15 at 3
39\n42 PM\"\nsrc=\"https://github.com/user-attachments/assets/44247c19-be88-4c66-937d-678634371177\"\n/>
| <img width=\"378\" height=\"1052\" alt=\"Screenshot 2025-10-15 at 3
12\n47 PM\"\nsrc=\"https://github.com/user-attachments/assets/c270e610-eb23-40dd-addb-1398ac2ed8fc\"\n/>
|\n\n\nUpdate: here's how they look in dark theme\n<img width=\"350\"
height=\"1048\" alt=\"Screenshot 2025-10-15 at 5 53
15 PM\"\nsrc=\"https://github.com/user-attachments/assets/9391056d-c669-41ba-a44a-eecc2df52688\"\n/>\n\nBig
thanks to @ryankeairns for the help in fixing this!!\n\n###
Checklist\n\n- [x] The PR description includes the appropriate Release
Notes section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"52903d1407e28c847bbfc174128c72cbe43f3bbc","branchLabelMapping":{"^v9.3.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Threat
Hunting:Investigations","backport:version","v9.2.0","v9.3.0"],"title":"[Security
solution] update explore, entity analytics and assets icon for the
navigation
v2","number":239226,"url":"https://github.com/elastic/kibana/pull/239226","mergeCommit":{"message":"[Security
solution] update explore, entity analytics and assets icon for the
navigation v2 (#239226)\n\n## Summary\n\nThis PR makes 3 small changes
to the following icon for the new\nnavigation:\n- for the Explore entry,
we're now using `globe`\n- for the Entity Analytics entry, we're using a
custom icon\n- for the Assets entry, we're using another custom
icon\n\n| Before | After |\n| ------------- | ------------- |\n| <img
width=\"362\" height=\"1029\" alt=\"Screenshot 2025-10-15 at 3
39\n42 PM\"\nsrc=\"https://github.com/user-attachments/assets/44247c19-be88-4c66-937d-678634371177\"\n/>
| <img width=\"378\" height=\"1052\" alt=\"Screenshot 2025-10-15 at 3
12\n47 PM\"\nsrc=\"https://github.com/user-attachments/assets/c270e610-eb23-40dd-addb-1398ac2ed8fc\"\n/>
|\n\n\nUpdate: here's how they look in dark theme\n<img width=\"350\"
height=\"1048\" alt=\"Screenshot 2025-10-15 at 5 53
15 PM\"\nsrc=\"https://github.com/user-attachments/assets/9391056d-c669-41ba-a44a-eecc2df52688\"\n/>\n\nBig
thanks to @ryankeairns for the help in fixing this!!\n\n###
Checklist\n\n- [x] The PR description includes the appropriate Release
Notes section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"52903d1407e28c847bbfc174128c72cbe43f3bbc"}},"sourceBranch":"main","suggestedTargetBranches":["9.2"],"targetPullRequestStates":[{"branch":"9.2","label":"v9.2.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.3.0","branchLabelMappingKey":"^v9.3.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/239226","number":239226,"mergeCommit":{"message":"[Security
solution] update explore, entity analytics and assets icon for the
navigation v2 (#239226)\n\n## Summary\n\nThis PR makes 3 small changes
to the following icon for the new\nnavigation:\n- for the Explore entry,
we're now using `globe`\n- for the Entity Analytics entry, we're using a
custom icon\n- for the Assets entry, we're using another custom
icon\n\n| Before | After |\n| ------------- | ------------- |\n| <img
width=\"362\" height=\"1029\" alt=\"Screenshot 2025-10-15 at 3
39\n42 PM\"\nsrc=\"https://github.com/user-attachments/assets/44247c19-be88-4c66-937d-678634371177\"\n/>
| <img width=\"378\" height=\"1052\" alt=\"Screenshot 2025-10-15 at 3
12\n47 PM\"\nsrc=\"https://github.com/user-attachments/assets/c270e610-eb23-40dd-addb-1398ac2ed8fc\"\n/>
|\n\n\nUpdate: here's how they look in dark theme\n<img width=\"350\"
height=\"1048\" alt=\"Screenshot 2025-10-15 at 5 53
15 PM\"\nsrc=\"https://github.com/user-attachments/assets/9391056d-c669-41ba-a44a-eecc2df52688\"\n/>\n\nBig
thanks to @ryankeairns for the help in fixing this!!\n\n###
Checklist\n\n- [x] The PR description includes the appropriate Release
Notes section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"52903d1407e28c847bbfc174128c72cbe43f3bbc"}}]}]
BACKPORT-->

Co-authored-by: Philippe Oberti <[email protected]>

Author: kibanamachine

x-pack/solutions/security/packages/navigation/src/navigation_tree/assets_navigation_tree.ts

@@ -7,20 +7,25 @@
 
 import type { CoreStart } from '@kbn/core/public';
 import type { NodeDefinition } from '@kbn/core-chrome-browser';
-import { SecurityPageName, SecurityGroupName } from '../constants';
+import { lazy } from 'react';
+import { SecurityGroupName, SecurityPageName } from '../constants';
 import { SecurityLinkGroup } from '../link_groups';
 import { securityLink } from '../links';
 import { i18nStrings } from '../i18n_strings';
 import { renderIntegrationsLinkCallout } from './integrations_link_callout';
 
+const LazyIconAssets = lazy(() =>
+  import('./v2_icons/assets').then(({ iconAssets }) => ({ default: iconAssets }))
+);
+
 export const createAssetsNavigationTree = (
   core: CoreStart,
   { sideNavVersion }: { sideNavVersion?: NodeDefinition['sideNavVersion'] } = {
     sideNavVersion: 'v1',
   }
 ): NodeDefinition => ({
   id: SecurityGroupName.assets,
-  iconV2: 'folderClosed',
+  iconV2: LazyIconAssets,
   title: SecurityLinkGroup[SecurityGroupName.assets].title,
   renderAs: 'panelOpener',
   sideNavVersion,

x-pack/solutions/security/packages/navigation/src/navigation_tree/entity_analytics_navigation_tree.ts

@@ -6,17 +6,24 @@
  */
 
 import type { NodeDefinition } from '@kbn/core-chrome-browser';
-import { SecurityPageName, SecurityGroupName } from '../constants';
+import { lazy } from 'react';
+import { SecurityGroupName, SecurityPageName } from '../constants';
 import { SecurityLinkGroup } from '../link_groups';
 import { securityLink } from '../links';
 
+const LazyIconEntityAnalytics = lazy(() =>
+  import('./v2_icons/entity_analytics').then(({ iconEntityAnalytics }) => ({
+    default: iconEntityAnalytics,
+  }))
+);
+
 export const createEntityAnalyticsNavigationTree = (
   { sideNavVersion }: { sideNavVersion?: NodeDefinition['sideNavVersion'] } = {
     sideNavVersion: 'v1',
   }
 ): NodeDefinition => ({
   id: SecurityGroupName.entityAnalytics,
-  iconV2: 'anomalyChart',
+  iconV2: LazyIconEntityAnalytics,
   title: SecurityLinkGroup[SecurityGroupName.entityAnalytics].title,
   renderAs: 'panelOpener',
   sideNavVersion,

x-pack/solutions/security/packages/navigation/src/navigation_tree/explore_navigation_tree.ts

@@ -6,7 +6,7 @@
  */
 
 import type { NodeDefinition } from '@kbn/core-chrome-browser';
-import { SecurityPageName, SecurityGroupName } from '../constants';
+import { SecurityGroupName, SecurityPageName } from '../constants';
 import { SecurityLinkGroup } from '../link_groups';
 import { securityLink } from '../links';
 
@@ -18,7 +18,7 @@ export const createExploreNavigationTree = (
   id: SecurityGroupName.explore,
   title: SecurityLinkGroup[SecurityGroupName.explore].title,
   renderAs: 'panelOpener',
-  iconV2: 'aggregate',
+  iconV2: 'globe',
   sideNavVersion,
   children: [
     {

x-pack/solutions/security/packages/navigation/src/navigation_tree/v2_icons/assets.tsx

@@ -0,0 +1,21 @@
+/*
+ * 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 type { EuiIconProps } from '@elastic/eui';
+import { EuiIcon } from '@elastic/eui';
+import type { SVGProps } from 'react';
+import React from 'react';
+
+const iconType: React.FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" {...props}>
+    <path d="M13 9H3V10H13V9ZM7 13H9V11H7V13ZM3 3V8H13V3H3ZM14 10C14 10.5523 13.5523 11 13 11H10V13H12V14H4V13H6V11H3C2.44772 11 2 10.5523 2 10V3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V10Z" />
+  </svg>
+);
+
+export const iconAssets = ({ size = 'm', ...rest }: Omit<EuiIconProps, 'type'>) => {
+  return <EuiIcon {...{ type: iconType, size, ...rest }} />;
+};

x-pack/solutions/security/packages/navigation/src/navigation_tree/v2_icons/entity_analytics.tsx

@@ -0,0 +1,21 @@
+/*
+ * 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 type { EuiIconProps } from '@elastic/eui';
+import { EuiIcon } from '@elastic/eui';
+import type { SVGProps } from 'react';
+import React from 'react';
+
+const iconType: React.FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" {...props}>
+    <path d="M1 14V1H2V14H15V15H2C1.44772 15 1 14.5523 1 14ZM5 11H4V12H5V11ZM9 9H8V12H9V9ZM13 7H12V12H13V7ZM4 8V10H5V8H4ZM8 6V8H9V6H8ZM12 4V6H13V4H12ZM6 12C6 12.5523 5.55228 13 5 13H4C3.44772 13 3 12.5523 3 12V8C3 7.44772 3.44772 7 4 7H5C5.55228 7 6 7.44772 6 8V12ZM10 12C10 12.5523 9.55228 13 9 13H8C7.44772 13 7 12.5523 7 12V6C7 5.44772 7.44772 5 8 5H9C9.55228 5 10 5.44772 10 6V12ZM14 12C14 12.5523 13.5523 13 13 13H12C11.4477 13 11 12.5523 11 12V4C11 3.44772 11.4477 3 12 3H13C13.5523 3 14 3.44772 14 4V12Z" />
+  </svg>
+);
+
+export const iconEntityAnalytics = ({ size = 'm', ...rest }: Omit<EuiIconProps, 'type'>) => {
+  return <EuiIcon {...{ type: iconType, size, ...rest }} />;
+};