Update the icon

packages/kbn-unified-field-list/index.ts

@@ -10,6 +10,7 @@ export { FieldList, type FieldListProps } from './src/components/field_list';
 export { FieldListGrouped, type FieldListGroupedProps } from './src/components/field_list_grouped';
 export { FieldListFilters, type FieldListFiltersProps } from './src/components/field_list_filters';
 export { FieldItemButton, type FieldItemButtonProps } from './src/components/field_item_button';
+export { FieldItemDragHandle } from './src/components/field_item_drag_handle';
 export type {
   FieldTopValuesBucketProps,
   FieldTopValuesBucketParams,

packages/kbn-unified-field-list/src/components/field_item_drag_handle/field_item_drag_handle.tsx

@@ -0,0 +1,26 @@
+/*
+ * 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 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React from 'react';
+import { EuiIcon } from '@elastic/eui';
+import { css } from '@emotion/react';
+
+/**
+ * @constructor
+ */
+export const FieldItemDragHandle: React.FC = () => {
+  return (
+    <div
+      css={css`
+        pointer-events: none;
+      `}
+    >
+      <EuiIcon type="grabOmnidirectional" size="s" />
+    </div>
+  );
+};

packages/kbn-unified-field-list/src/components/field_item_drag_handle/index.tsx

@@ -0,0 +1,9 @@
+/*
+ * 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 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export { FieldItemDragHandle } from './field_item_drag_handle';

packages/kbn-unified-field-list/src/containers/unified_field_list_item/field_list_item.tsx

@@ -21,17 +21,17 @@ import {
   FieldPopoverFooter,
   type FieldPopoverFooterProps,
 } from '../../components/field_popover';
+import { FieldItemDragHandle } from '../../components/field_item_drag_handle';
 import {
   UnifiedFieldListItemStats,
   type UnifiedFieldListItemStatsProps,
 } from './field_list_item_stats';
-import { FieldListItemHandle } from './field_list_item_handle';
 import type {
   UnifiedFieldListSidebarContainerStateService,
   AddFieldFilterHandler,
 } from '../../types';
 
-const DRAG_HANDLE = <FieldListItemHandle />;
+const DRAG_HANDLE = <FieldItemDragHandle />;
 
 interface GetCommonFieldItemButtonPropsParams {
   stateService: UnifiedFieldListSidebarContainerStateService;

x-pack/plugins/lens/public/datasources/common/field_item.tsx

@@ -20,6 +20,7 @@ import {
   FieldPopoverHeader,
   FieldPopoverFooter,
   FieldItemButton,
+  FieldItemDragHandle,
   type GetCustomFieldType,
 } from '@kbn/unified-field-list';
 import { DragDrop } from '@kbn/dom-drag-drop';
@@ -32,6 +33,8 @@ import { APP_ID, DOCUMENT_FIELD_NAME } from '../../../common/constants';
 import { combineQueryAndFilters } from '../../app_plugin/show_underlying_data';
 import { getFieldItemActions } from './get_field_item_actions';
 
+const DRAG_HANDLE = <FieldItemDragHandle />;
+
 type LensFieldListItem = IndexPatternField | DatatableColumn | DataViewField;
 
 function isTextBasedColumnField(field: LensFieldListItem): field is DatatableColumn {
@@ -187,6 +190,7 @@ export function InnerFieldItem(props: FieldItemProps) {
     isEmpty: !exists,
     isActive: infoIsOpen,
     fieldSearchHighlight: highlight,
+    dragHandle: DRAG_HANDLE,
     onClick: togglePopover,
     buttonAddFieldToWorkspaceProps,
     onAddFieldToWorkspace,