Remapping iInCircle and questionInCircle and deprecating help icon (#223142)

## Summary

This PR closes the issue https://github.com/elastic/kibana/issues/221380
and does 3 things:
1. Replaces all current usages of `iInCircle` with `info` (no visual
changes)
2. Replaces all current usages of `questionInCircle` with `question`(no
visual changes)
3. Replaces all current `help` icon usages with `question`(lifesaver
icon replaced with question)

## Screenshots:
![CleanShot 2025-06-18 at 10 34
01@2x](https://github.com/user-attachments/assets/4379e51e-7422-4570-b452-c17ee26f2d64)
![CleanShot 2025-06-18 at 10 34
13@2x](https://github.com/user-attachments/assets/270056c7-4502-47ef-874f-862149fa27ec)
![CleanShot 2025-06-18 at 10 34
04@2x](https://github.com/user-attachments/assets/1dff8faf-65b7-4208-b568-7718b1a6b729)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Co-authored-by: Anton Dosov <anton.dosov@elastic.co>

examples/search_examples/public/search_sessions/app.tsx

@@ -789,7 +789,7 @@ function NoShardDelayCallout() {
         </>
       }
       color="warning"
-      iconType="help"
+      iconType="question"
     >
       <p>
         This demo works best with <EuiCode>shardDelay</EuiCode> aggregation which simulates slow
@@ -805,7 +805,7 @@ function NoShardDelayCallout() {
 
 function NoDataViewsCallout() {
   return (
-    <EuiCallOut title={<>Missing data views!</>} color="warning" iconType="help">
+    <EuiCallOut title={<>Missing data views!</>} color="warning" iconType="question">
       <p>This demo requires at least one data view.</p>
     </EuiCallOut>
   );

src/core/packages/chrome/browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap

@@ -129,7 +129,7 @@ Array [
                       class="euiHeaderSectionItemButton__content emotion-euiHeaderSectionItemButton__content"
                     >
                       <span
-                        data-euiicon-type="help"
+                        data-euiicon-type="question"
                       />
                     </span>
                   </span>

src/core/packages/chrome/browser-internal/src/ui/header/header_help_menu.tsx

@@ -156,7 +156,7 @@ class HelpMenu extends Component<Props & WithEuiThemeProps, State> {
         })}
         onClick={this.onMenuButtonClick}
       >
-        <EuiIcon type="help" size="m" />
+        <EuiIcon type="question" size="m" />
       </EuiHeaderSectionItemButton>
     );
 

src/core/packages/notifications/browser-internal/src/toasts/toasts_api.tsx

@@ -124,7 +124,7 @@ export class ToastsApi implements IToasts {
   public addInfo(toastOrTitle: ToastInput, options?: ToastOptions) {
     return this.add({
       color: 'primary',
-      iconType: 'iInCircle',
+      iconType: 'info',
       ...normalizeToast(toastOrTitle),
       ...options,
     });

src/core/packages/overlays/browser-internal/src/banners/user_banner_service.tsx

@@ -74,7 +74,7 @@ export class UserBannerService {
                     defaultMessage="Attention"
                   />
                 }
-                iconType="help"
+                iconType="question"
               >
                 <React.Suspense
                   fallback={

src/platform/packages/shared/cloud/connection_details/tabs/api_keys_tab/views/missing_permissions_panel.tsx

@@ -17,7 +17,7 @@ export const MissingPermissionsPanel: React.FC = () => {
     <>
       <EuiCallOut
         color={'warning'}
-        iconType={'iInCircle'}
+        iconType={'info'}
         title={i18n.translate('cloud.connectionDetails.tabs.apiKeys.missingPermPanel.title', {
           defaultMessage: 'Missing permissions',
         })}

src/platform/packages/shared/cloud/connection_details/tabs/endpoints_tab/rows/cloud_id_row/label.tsx

@@ -41,7 +41,7 @@ export const Label: React.FC<{ learnMoreUrl?: string }> = ({ learnMoreUrl }) =>
         <EuiPopover
           button={
             <EuiButtonIcon
-              iconType="questionInCircle"
+              iconType="question"
               onClick={() => {
                 setIsPopoverOpen((x) => !x);
               }}

src/platform/packages/shared/cloud/deployment_details/deployment_details_cloudid_input.tsx

@@ -46,7 +46,7 @@ const Label: FC<{ learnMoreUrl: string }> = ({ learnMoreUrl }) => {
         <EuiPopover
           button={
             <EuiButtonIcon
-              iconType="questionInCircle"
+              iconType="question"
               onClick={() => {
                 setIsPopoverOpen(true);
               }}

src/platform/packages/shared/content-management/content_editor/src/components/editor_flyout_content.tsx

@@ -148,7 +148,7 @@ export const ContentEditorFlyoutContent: FC<Props> = ({
       <EuiFlyoutHeader>
         <EuiTitle data-test-subj="flyoutTitle">
           <h2>
-            <EuiIcon type="iInCircle" css={iconCSS} size="l" />
+            <EuiIcon type="info" css={iconCSS} size="l" />
             <span>{title}</span>
           </h2>
         </EuiTitle>

src/platform/packages/shared/content-management/content_editor/src/components/metadata_form.tsx

@@ -61,7 +61,7 @@ export const MetadataForm: FC<React.PropsWithChildren<Props>> = ({
   return (
     <EuiForm isInvalid={isSubmitted && !isValid} error={getErrors()} data-test-subj="metadataForm">
       <ContentEditorFlyoutWarningsCallOut warningMessages={getWarnings()} />
-      {isReadonly && <EuiCallOut size="s" title={readonlyReason} iconType="iInCircle" />}
+      {isReadonly && <EuiCallOut size="s" title={readonlyReason} iconType="info" />}
       <EuiFormRow
         label={i18n.translate('contentManagement.contentEditor.metadataForm.nameInputLabel', {
           defaultMessage: 'Name',

src/platform/packages/shared/content-management/content_insights/content_insights_public/src/components/views_stats/views_stats.tsx

@@ -84,7 +84,7 @@ const NoViewsTip = () => {
       color="inherit"
       iconProps={{ style: { verticalAlign: 'text-bottom', marginLeft: 2 } }}
       css={{ textWrap: 'balance' }}
-      type="questionInCircle"
+      type="question"
       content={
         <>
           <FormattedMessage

src/platform/packages/shared/content-management/table_list_view_table/src/components/content_editor_activity_row.tsx

@@ -30,7 +30,7 @@ export const ContentEditorActivityRow: FC<{
             defaultMessage="Activity"
           />{' '}
           <EuiIconTip
-            type={'iInCircle'}
+            type={'info'}
             iconProps={{ style: { verticalAlign: 'bottom' } }}
             content={
               <FormattedMessage

src/platform/packages/shared/content-management/table_list_view_table/src/components/table_sort_select.tsx

@@ -140,7 +140,7 @@ export function TableSortSelect({
               color="inherit"
               iconProps={{ style: { verticalAlign: 'text-bottom', marginLeft: 2 } }}
               css={{ textWrap: 'balance' }}
-              type={'questionInCircle'}
+              type={'question'}
               content={i18n.translate(
                 'contentManagement.tableList.listing.tableSortSelect.recentlyAccessedTip',
                 {

src/platform/packages/shared/content-management/user_profiles/src/components/user_missing_tip.tsx

@@ -74,7 +74,7 @@ export const NoUpdaterTip = (props: {
 );
 
 const NoUsersTip = ({
-  iconType: type = 'questionInCircle',
+  iconType: type = 'question',
   ...props
 }: {
   content: React.ReactNode;

src/platform/packages/shared/kbn-alerts-ui-shared/src/alert_filter_controls/filters_changed_banner.tsx

@@ -33,7 +33,7 @@ export const FiltersChangedBanner: FC<FiltersChangesBanner> = ({
         <EuiCallOut
           data-test-subj={TEST_IDS.FILTERS_CHANGED_BANNER}
           title={FILTER_GROUP_BANNER_TITLE}
-          iconType="iInCircle"
+          iconType="info"
         >
           <p>{FILTER_GROUP_BANNER_MESSAGE}</p>
           <EuiButton

src/platform/packages/shared/kbn-alerts-ui-shared/src/maintenance_window_callout/index.tsx

@@ -132,7 +132,7 @@ export function MaintenanceWindowCallout({
             })
       }
       color="warning"
-      iconType="iInCircle"
+      iconType="info"
       data-test-subj="maintenanceWindowCallout"
     >
       {MAINTENANCE_WINDOW_RUNNING_DESCRIPTION}

src/platform/packages/shared/kbn-alerts-ui-shared/src/rule_settings/rule_settings_flapping_form.tsx

@@ -177,7 +177,7 @@ export const RuleSettingsFlappingForm = (props: RuleSettingsFlappingFormProps) =
                 data-test-subj="ruleSettingsFlappingFormTooltipButton"
                 display="empty"
                 color="primary"
-                iconType="questionInCircle"
+                iconType="question"
                 aria-label="Flapping Off Info"
                 onClick={() => setIsPopoverOpen(!isPopoverOpen)}
               />

src/platform/packages/shared/kbn-alerts-ui-shared/src/rule_settings/rule_settings_flapping_title_tooltip.tsx

@@ -86,7 +86,7 @@ export const RuleSettingsFlappingTitleTooltip = (props: RuleSettingsFlappingTitl
             data-test-subj="ruleSettingsFlappingTitleTooltipButton"
             display="empty"
             color="primary"
-            iconType="questionInCircle"
+            iconType="question"
             aria-label="Flapping title info"
             onClick={() => setIsPopoverOpen(!isOpen)}
           />

src/platform/packages/shared/kbn-alerts-ui-shared/src/rule_settings/rule_settings_range_input.tsx

@@ -31,7 +31,7 @@ export const RuleSettingsRangeInput = memo((props: RuleSettingsRangeInputProps)
         {label}
          
         {labelPopoverText && (
-          <EuiIconTip color="subdued" size="s" type="questionInCircle" content={labelPopoverText} />
+          <EuiIconTip color="subdued" size="s" type="question" content={labelPopoverText} />
         )}
       </div>
     );

src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/components/color_picker/palette_colors.tsx

@@ -106,7 +106,7 @@ export function PaletteColors({
                   }
                 )}
               >
-                <EuiIcon tabIndex={0} type="questionInCircle" />
+                <EuiIcon tabIndex={0} type="question" />
               </EuiToolTip>
             </h6>
           </EuiTitle>

src/platform/packages/shared/kbn-react-field/src/field_icon/__snapshots__/field_icon.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`FieldIcon renders an icon for an unknown type 1`] = `
   aria-label="test"
   className="kbnFieldIcon"
   color="gray"
-  iconType="questionInCircle"
+  iconType="question"
   size="s"
   title="test"
 />
@@ -420,7 +420,7 @@ exports[`FieldIcon renders with className if provided 1`] = `
   aria-label="test"
   className="kbnFieldIcon myClass"
   color="gray"
-  iconType="questionInCircle"
+  iconType="question"
   size="s"
   title="test"
 />

src/platform/packages/shared/kbn-react-field/src/field_icon/field_icon.tsx

@@ -12,7 +12,7 @@ import classNames from 'classnames';
 import { EuiToken, EuiTokenProps } from '@elastic/eui';
 
 // defaultIcon => a unknown datatype
-const defaultIcon = { iconType: 'questionInCircle', color: 'gray' };
+const defaultIcon = { iconType: 'question', color: 'gray' };
 
 export const typeToEuiIconMap = {
   binary: { iconType: 'tokenBinary' },

src/platform/packages/shared/kbn-search-api-panels/components/select_client.tsx

@@ -72,7 +72,7 @@ export const SelectClientPanel: FC<PropsWithChildren<SelectClientPanelProps>> =
             defaultMessage: 'Try it now in Console',
           })}
           size="m"
-          iconType="iInCircle"
+          iconType="info"
         >
           <p>
             {i18n.translate('searchApiPanels.welcomeBanner.selectClient.callout.description', {

src/platform/packages/shared/kbn-search-connectors/components/configuration/connector_configuration_field.tsx

@@ -246,7 +246,7 @@ export const ConnectorConfigurationField: React.FC<ConnectorConfigurationFieldPr
                               defaultMessage: 'Open licensing popover',
                             }
                           )}
-                          iconType="questionInCircle"
+                          iconType="question"
                           onClick={() => setIsPopoverOpen(!isPopoverOpen)}
                         />
                       }

src/platform/packages/shared/kbn-search-connectors/components/scheduling/connector_scheduling.tsx

@@ -202,7 +202,7 @@ export const ConnectorSchedulingComponent: React.FC<ConnectorContentSchedulingPr
                       { defaultMessage: 'Access control syncs not allowed' }
                     )}
                     color="warning"
-                    iconType="iInCircle"
+                    iconType="info"
                   >
                     <p>
                       <FormattedMessage

src/platform/packages/shared/kbn-search-connectors/components/scheduling/connector_unconfigured.tsx

@@ -23,7 +23,7 @@ export const ConnectorUnconfigured: React.FC<ConnectorUnconfiguredProps> = ({
     <>
       <EuiSpacer />
       <EuiCallOut
-        iconType="iInCircle"
+        iconType="info"
         title={i18n.translate(
           'searchConnectors.content.indices.connectorScheduling.notConnected.title',
           {

src/platform/packages/shared/kbn-search-connectors/components/scheduling/full_content.tsx

@@ -165,7 +165,7 @@ export const ConnectorContentScheduling: React.FC<ConnectorContentSchedulingProp
                             defaultMessage: 'Open licensing popover',
                           }
                         )}
-                        iconType="questionInCircle"
+                        iconType="question"
                         onClick={() => setIsPlatinumPopoverOpen(!isPlatinumPopoverOpen)}
                       />
                     }

src/platform/packages/shared/kbn-search-connectors/components/sync_jobs/__snapshots__/documents_panel.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`DocumentsPanel renders 1`] = `
                 className="eui-alignTop"
                 color="subdued"
                 size="s"
-                type="questionInCircle"
+                type="question"
               />
             </React.Fragment>
           </EuiToolTip>,
@@ -66,7 +66,7 @@ exports[`DocumentsPanel renders 1`] = `
                 className="eui-alignTop"
                 color="subdued"
                 size="s"
-                type="questionInCircle"
+                type="question"
               />
             </React.Fragment>
           </EuiToolTip>,
@@ -98,7 +98,7 @@ exports[`DocumentsPanel renders 1`] = `
                 className="eui-alignTop"
                 color="subdued"
                 size="s"
-                type="questionInCircle"
+                type="question"
               />
             </React.Fragment>
           </EuiToolTip>,

src/platform/packages/shared/kbn-search-connectors/components/sync_jobs/__snapshots__/sync_callouts.test.tsx.snap

@@ -24,7 +24,7 @@ exports[`SyncCalloutsPanel renders 1`] = `
   <EuiFlexItem>
     <EuiCallOut
       color="primary"
-      iconType="iInCircle"
+      iconType="info"
       title="Sync started manually"
     >
       <MemoizedFormattedMessage
@@ -74,7 +74,7 @@ exports[`SyncCalloutsPanel renders canceled job 1`] = `
   <EuiFlexItem>
     <EuiCallOut
       color="primary"
-      iconType="iInCircle"
+      iconType="info"
       title="Sync started manually"
     >
       <MemoizedFormattedMessage
@@ -126,7 +126,7 @@ exports[`SyncCalloutsPanel renders different trigger method 1`] = `
   <EuiFlexItem>
     <EuiCallOut
       color="primary"
-      iconType="iInCircle"
+      iconType="info"
       title="Sync started by schedule"
     >
       <MemoizedFormattedMessage
@@ -178,7 +178,7 @@ exports[`SyncCalloutsPanel renders error job 1`] = `
   <EuiFlexItem>
     <EuiCallOut
       color="primary"
-      iconType="iInCircle"
+      iconType="info"
       title="Sync started manually"
     >
       <MemoizedFormattedMessage
@@ -230,7 +230,7 @@ exports[`SyncCalloutsPanel renders in progress job 1`] = `
   <EuiFlexItem>
     <EuiCallOut
       color="primary"
-      iconType="iInCircle"
+      iconType="info"
       title="Sync started manually"
     >
       <MemoizedFormattedMessage

src/platform/packages/shared/kbn-search-connectors/components/sync_jobs/documents_panel.tsx

@@ -40,7 +40,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
             {i18n.translate('searchConnectors.index.syncJobs.documents.added', {
               defaultMessage: 'Upserted',
             })}
-            <EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
+            <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
           </>
         </EuiToolTip>
       ),
@@ -61,7 +61,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
             {i18n.translate('searchConnectors.index.syncJobs.documents.removed', {
               defaultMessage: 'Deleted',
             })}
-            <EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
+            <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
           </>
         </EuiToolTip>
       ),
@@ -82,7 +82,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
             {i18n.translate('searchConnectors.index.syncJobs.documents.volume', {
               defaultMessage: 'Volume',
             })}
-            <EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
+            <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
           </>
         </EuiToolTip>
       ),

src/platform/packages/shared/kbn-search-connectors/components/sync_jobs/sync_callouts.tsx

@@ -106,7 +106,7 @@ export const SyncJobCallouts: React.FC<SyncJobCalloutsProps> = ({ syncJob }) =>
         <EuiFlexItem>
           <EuiCallOut
             color="primary"
-            iconType="iInCircle"
+            iconType="info"
             title={
               syncJob.trigger_method === TriggerMethod.ON_DEMAND
                 ? i18n.translate('searchConnectors.syncJobs.flyout.syncStartedManually', {

src/platform/packages/shared/kbn-search-connectors/components/sync_jobs/sync_jobs_table.tsx

@@ -74,7 +74,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
             {i18n.translate('searchConnectors.syncJobs.lastSync.columnTitle', {
               defaultMessage: 'Last sync',
             })}
-            <EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
+            <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
           </>
         </EuiToolTip>
       ),
@@ -101,7 +101,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
             {i18n.translate('searchConnectors.syncJobs.syncDuration.columnTitle', {
               defaultMessage: 'Sync duration',
             })}
-            <EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
+            <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
           </>
         </EuiToolTip>
       ),
@@ -126,12 +126,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
                   {i18n.translate('searchConnectors.searchIndices.addedDocs.columnTitle', {
                     defaultMessage: 'Docs upserted',
                   })}
-                  <EuiIcon
+                  <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
-                    size="s"
-                    type="questionInCircle"
-                    color="subdued"
-                    className="eui-alignTop"
-                  />
                 </>
               </EuiToolTip>
             ),
@@ -154,12 +149,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
                   {i18n.translate('searchConnectors.searchIndices.deletedDocs.columnTitle', {
                     defaultMessage: 'Docs deleted',
                   })}
-                  <EuiIcon
+                  <EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
-                    size="s"
-                    type="questionInCircle"
-                    color="subdued"
-                    className="eui-alignTop"
-                  />
                 </>
               </EuiToolTip>
             ),

src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/comparison_controls.tsx

@@ -354,7 +354,7 @@ const SectionHeader = ({
           </EuiFlexItem>
           {description && (
             <EuiFlexItem grow={false} css={{ lineHeight: 0 }}>
-              <EuiIconTip type="questionInCircle" position="right" content={description} />
+              <EuiIconTip type="question" position="right" content={description} />
             </EuiFlexItem>
           )}
         </EuiFlexGroup>
@@ -432,7 +432,7 @@ const DiffOptionSwitch = ({
         {description && (
           <EuiFlexItem grow={false} css={{ lineHeight: 0 }}>
             <EuiIconTip
-              type="questionInCircle"
+              type="question"
               position="right"
               content={description}
               iconProps={disabled ? { tabIndex: -1 } : undefined}

src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/comparison_toolbar.tsx

@@ -32,7 +32,7 @@ export const renderComparisonToolbar = ({
         totalFields > comparisonFields.length ? (
           <EuiCallOut
             size="s"
-            iconType="iInCircle"
+            iconType="info"
             title={i18n.translate('unifiedDataTable.comparisonMaxFieldsCallout', {
               defaultMessage:
                 'Comparison is limited to {comparisonFields} of {totalFields} fields.',

src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/__snapshots__/use_comparison_cell_value.test.tsx.snap

@@ -35,7 +35,7 @@ exports[`useComparisonCellValue should render a tooltip when the field is derive
           data-test-subj="smartFieldFallbackTooltipIcon"
         >
           <span
-            data-euiicon-type="questionInCircle"
+            data-euiicon-type="question"
             tabindex="0"
           >
             Info

src/platform/packages/shared/kbn-unified-data-table/src/components/custom_control_columns/actions_column/actions_header.tsx

@@ -43,7 +43,7 @@ export const ActionsHeader = ({ maxWidth }: { maxWidth: number }) => {
           iconProps={{
             'data-test-subj': 'unifiedDataTable_actionsColumnHeaderIcon',
           }}
-          type="iInCircle"
+          type="info"
           content={actionsText}
         />
       )}

src/platform/packages/shared/kbn-unified-doc-viewer/src/components/field_name/__snapshots__/field_name.test.tsx.snap

@@ -213,7 +213,7 @@ exports[`FieldName renders unknown field 1`] = `
           class="euiToken kbnFieldIcon emotion-euiToken-circle-light-s-gray"
         >
           <span
-            data-euiicon-type="questionInCircle"
+            data-euiicon-type="question"
             title="Unknown field"
           >
             Unknown field

src/platform/packages/shared/kbn-unified-field-list/src/components/fallback_fields/smart_fields_tooltip.tsx

@@ -22,7 +22,7 @@ const SmartFieldFallbackTooltip: React.FC<{
         values: { smartFields: associatedSmartFields },
       })}
       position="bottom"
-      type="questionInCircle"
+      type="question"
       size="s"
     />
   );

src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.tsx

@@ -274,7 +274,7 @@ export function FieldTypeFilter<T extends FieldListItem = DataViewField>({
                         <EuiFlexItem grow={false}>
                           <EuiIconTip
                             aria-label={getFieldTypeDescription(type)}
-                            type="questionInCircle"
+                            type="question"
                             color="subdued"
                             content={getFieldTypeDescription(type)}
                           />

src/platform/packages/shared/kbn-unified-field-list/src/components/field_list_grouped/fields_accordion.tsx

@@ -86,7 +86,7 @@ function InnerFieldsAccordion<T extends FieldListItem = DataViewField>({
         {!!helpTooltip && (
           <EuiIconTip
             aria-label={helpTooltip}
-            type="questionInCircle"
+            type="question"
             color="subdued"
             size="s"
             position="right"

src/platform/packages/shared/kbn-visualization-ui-components/components/color_picker.tsx

@@ -128,12 +128,7 @@ export const ColorPicker = ({
             {inputLabel}
             {!disableHelpTooltip && (
               <>
-                <EuiIcon
+                <EuiIcon type="question" color="subdued" size="s" className="eui-alignTop" />
-                  type="questionInCircle"
-                  color="subdued"
-                  size="s"
-                  className="eui-alignTop"
-                />
               </>
             )}
           </span>

src/platform/packages/shared/kbn-visualization-ui-components/components/query_input/filter_query_input.tsx

@@ -94,7 +94,7 @@ export function FilterQueryInput({
               }}
               position="top"
               size="s"
-              type="questionInCircle"
+              type="question"
             />
           </>
         ) : (

src/platform/packages/shared/response-ops/alerts-delete/components/modal.tsx

@@ -341,7 +341,7 @@ export const AlertDeleteModal = ({
             <EuiIconTip
               color="subdued"
               size="s"
-              type="iInCircle"
+              type="info"
               content={translations.MODAL_DESCRIPTION_EXCEPTION}
             />
           </p>

src/platform/packages/shared/response-ops/alerts-fields-browser/helpers.ts

@@ -174,11 +174,11 @@ export const getIconFromType = (type: string | null | undefined) => {
     case 'geo_point':
       return 'globe';
     case 'object':
-      return 'questionInCircle';
+      return 'question';
     case 'float':
       return 'number';
     default:
-      return 'questionInCircle';
+      return 'question';
   }
 };
 

src/platform/packages/shared/response-ops/alerts-table/components/alerts_query_inspector_modal.tsx

@@ -84,7 +84,7 @@ const AlertsQueryInspectorModalComponent = ({
       title: (
         <span data-test-subj="index-pattern-title">
           {i18n.INDEX_PATTERN}{' '}
-          <EuiIconTip color="subdued" content={i18n.INDEX_PATTERN_DESC} type="iInCircle" />
+          <EuiIconTip color="subdued" content={i18n.INDEX_PATTERN_DESC} type="info" />
         </span>
       ),
       description: (
@@ -98,7 +98,7 @@ const AlertsQueryInspectorModalComponent = ({
       title: (
         <span data-test-subj="query-time-title">
           {i18n.QUERY_TIME}{' '}
-          <EuiIconTip color="subdued" content={i18n.QUERY_TIME_DESC} type="iInCircle" />
+          <EuiIconTip color="subdued" content={i18n.QUERY_TIME_DESC} type="info" />
         </span>
       ),
       description: (
@@ -115,7 +115,7 @@ const AlertsQueryInspectorModalComponent = ({
       title: (
         <span data-test-subj="request-timestamp-title">
           {i18n.REQUEST_TIMESTAMP}{' '}
-          <EuiIconTip color="subdued" content={i18n.REQUEST_TIMESTAMP_DESC} type="iInCircle" />
+          <EuiIconTip color="subdued" content={i18n.REQUEST_TIMESTAMP_DESC} type="info" />
         </span>
       ),
       description: (

src/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_definition.tsx

@@ -297,11 +297,7 @@ export const RuleDefinition = () => {
             <EuiText size="s">
               <p>
                 {SCHEDULE_DESCRIPTION_TEXT}&nbsp;
-                <EuiIconTip
+                <EuiIconTip position="right" type="question" content={SCHEDULE_TOOLTIP_TEXT} />
-                  position="right"
-                  type="questionInCircle"
-                  content={SCHEDULE_TOOLTIP_TEXT}
-                />
               </p>
             </EuiText>
           }
@@ -346,7 +342,7 @@ export const RuleDefinition = () => {
                       {ALERT_DELAY_DESCRIPTION_TEXT}&nbsp;
                       <EuiIconTip
                         position="right"
-                        type="questionInCircle"
+                        type="question"
                         content={ALERT_DELAY_HELP_TEXT}
                       />
                     </p>

src/platform/packages/shared/response-ops/rule_form/src/rule_details/label_with_tooltip.tsx

@@ -21,7 +21,7 @@ export function LabelWithTooltip({
     <EuiFlexGroup gutterSize="xs" alignItems="center">
       <EuiFlexItem grow={false}>{labelContent}</EuiFlexItem>
       <EuiFlexItem grow={false}>
-        <EuiIconTip type="questionInCircle" content={tooltipContent} />
+        <EuiIconTip type="question" content={tooltipContent} />
       </EuiFlexItem>
     </EuiFlexGroup>
   );

src/platform/packages/shared/shared-ux/chrome/navigation/src/ui/navigation.stories.tsx

@@ -118,7 +118,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           path: '',
           title: 'Item 01',
           href: '/app/kibana',
-          icon: 'iInCircle',
+          icon: 'info',
           isExternalLink: true,
           withBadge: true,
         },
@@ -127,7 +127,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           path: '',
           title: 'Item 02',
           href: '/app/kibana',
-          icon: 'iInCircle',
+          icon: 'info',
         },
         {
           id: 'root-section1',
@@ -138,7 +138,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               id: 'item03',
               path: '',
               title: 'Item 03',
-              icon: 'iInCircle',
+              icon: 'info',
               renderAs: 'panelOpener',
               children: [
                 {
@@ -150,21 +150,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                       path: '',
                       title: 'Item 11',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                     {
                       id: 'sub2',
                       path: '',
                       title: 'Item 12',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                     {
                       id: 'sub3',
                       path: '',
                       title: 'Item 13',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                   ],
                 },
@@ -179,7 +179,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                       path: '',
                       title: 'Item 14',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                       withBadge: true,
                     },
                     {
@@ -187,14 +187,14 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                       path: '',
                       title: 'Item 15',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                     {
                       id: 'sub3',
                       path: '',
                       title: 'Item 16',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                   ],
                 },
@@ -208,7 +208,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                       path: '',
                       title: 'Item 17',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                       isExternalLink: true,
                     },
                     {
@@ -223,7 +223,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                       path: '',
                       title: 'Item 18',
                       href: '/app/kibana',
-                      icon: 'iInCircle',
+                      icon: 'info',
                     },
                   ],
                 },
@@ -231,7 +231,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   id: 'child-section3',
                   path: '',
                   title: 'Item 19',
-                  icon: 'iInCircle',
+                  icon: 'info',
                   renderAs: 'accordion',
                   withBadge: true,
                   children: [
@@ -260,7 +260,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   id: 'child-section4',
                   title: 'Parent item, opened',
                   path: '',
-                  icon: 'iInCircle',
+                  icon: 'info',
                   renderAs: 'accordion',
                   defaultIsCollapsed: false,
                   children: [
@@ -291,13 +291,13 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               path: '',
               title: 'Item 04',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item05',
               title: 'Item 05, with custom',
               path: '',
-              icon: 'iInCircle',
+              icon: 'info',
               renderAs: 'panelOpener',
               withBadge: true,
               children: [
@@ -306,7 +306,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   path: '',
                   title: 'Item 23',
                   href: '/app/kibana',
-                  icon: 'iInCircle',
+                  icon: 'info',
                 },
                 {
                   id: 'spacer1',
@@ -344,7 +344,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           children: [
             {
               id: 'item06',
-              icon: 'iInCircle',
+              icon: 'info',
               title: 'Item 06',
               path: '',
               renderAs: 'panelOpener',
@@ -354,7 +354,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   path: '',
                   title: 'Item 24',
                   href: '/app/kibana',
-                  icon: 'iInCircle',
+                  icon: 'info',
                 },
               ],
             },
@@ -363,14 +363,14 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               path: '',
               title: 'Item 07',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item08',
               path: '',
               title: 'Item 08',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
           ],
         },
@@ -379,13 +379,13 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           title: 'Standalone item with long name',
           path: '',
           href: '/app/kibana',
-          icon: 'iInCircle',
+          icon: 'info',
         },
         {
           id: 'root-section4',
           title: 'Standalone group item with long name',
           path: '',
-          icon: 'iInCircle',
+          icon: 'info',
           renderAs: 'panelOpener',
           children: [
             {
@@ -393,21 +393,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               path: '',
               title: 'Item 25',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item26',
               path: '',
               title: 'Item 26',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item27',
               path: '',
               title: 'Item 27',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
           ],
         },
@@ -416,7 +416,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           title: 'Item 09',
           path: '',
           renderAs: 'accordion',
-          icon: 'iInCircle',
+          icon: 'info',
           withBadge: true,
           children: [
             {
@@ -445,7 +445,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   path: '',
                   title: 'Item 28',
                   href: '/app/kibana',
-                  icon: 'iInCircle',
+                  icon: 'info',
                 },
               ],
             },
@@ -463,7 +463,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               path: '',
               title: 'Item 11',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'error-sub2',
@@ -475,7 +475,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   path: '',
                   title: 'Item 14',
                   href: '/app/kibana',
-                  icon: 'iInCircle',
+                  icon: 'info',
                   withBadge: true,
                 },
               ],
@@ -496,7 +496,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           path: '',
           renderAs: 'accordion',
           spaceBefore: null,
-          icon: 'iInCircle',
+          icon: 'info',
           defaultIsCollapsed: false,
           children: [
             {
@@ -504,21 +504,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
               path: '',
               title: 'Item 33',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item34',
               path: '',
               title: 'Item 34',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item35',
               path: '',
               title: 'Item 35',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
               openInNewTab: true,
             },
           ],
@@ -527,7 +527,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           id: 'item10',
           path: '',
           title: 'Item 10',
-          icon: 'iInCircle',
+          icon: 'info',
           href: '/app/kibana',
         },
         {
@@ -536,32 +536,32 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
           path: '',
           renderAs: 'accordion',
           spaceBefore: null,
-          icon: 'iInCircle',
+          icon: 'info',
           children: [
             {
               id: 'item29',
               path: '',
               title: 'Item 29',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item30',
               path: '',
               title: 'Item 30',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'item31',
               path: '',
               title: 'Item 31',
               href: '/app/kibana',
-              icon: 'iInCircle',
+              icon: 'info',
             },
             {
               id: 'sub-accordion',
-              icon: 'iInCircle',
+              icon: 'info',
               title: 'Sub-Accordion',
               path: '',
               renderAs: 'accordion',
@@ -571,7 +571,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
                   path: '',
                   title: 'Item 32',
                   href: '/app/kibana',
-                  icon: 'iInCircle',
+                  icon: 'info',
                 },
               ],
             },

src/platform/plugins/private/presentation_panel/public/panel_component/panel_header/presentation_panel_hover_actions.tsx

@@ -471,7 +471,7 @@ export const PresentationPanelHoverActions = ({
                 delay="regular"
                 position="top"
                 data-test-subj="embeddablePanelDescriptionTooltip"
-                type="iInCircle"
+                type="info"
                 iconProps={{
                   css: css`
                     margin: ${euiTheme.size.xs};

src/platform/plugins/private/presentation_panel/public/panel_component/panel_header/presentation_panel_title.tsx

@@ -137,7 +137,7 @@ export const PresentationPanelTitle = ({
             </h2>
           ) : null}
           <EuiIcon
-            type="iInCircle"
+            type="info"
             color="subdued"
             data-test-subj="embeddablePanelTitleDescriptionIcon"
             tabIndex={0}

src/platform/plugins/private/vis_default_editor/public/components/controls/__snapshots__/top_aggregate.test.tsx.snap

@@ -15,7 +15,7 @@ exports[`TopAggregateParamEditor should init with the default set of props 1`] =
       <EuiIconTip
         content="Choose a strategy for combining multiple hits or a multi-valued field into a single metric."
         position="right"
-        type="questionInCircle"
+        type="question"
       />
     </React.Fragment>
   }

src/platform/plugins/private/vis_default_editor/public/components/controls/max_bars.tsx

@@ -39,7 +39,7 @@ const label = (
           values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
         />
       }
-      type="questionInCircle"
+      type="question"
     />
   </>
 );

src/platform/plugins/private/vis_default_editor/public/components/controls/number_interval.tsx

@@ -41,7 +41,7 @@ const label = (
           values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
         />
       }
-      type="questionInCircle"
+      type="question"
     />
   </>
 );

src/platform/plugins/private/vis_default_editor/public/components/controls/raw_json.tsx

@@ -47,7 +47,7 @@ function RawJsonParamEditor({
     () => (
       <>
         {jsonEditorLabelText}{' '}
-        <EuiIconTip position="right" content={editorTooltipText} type="questionInCircle" />
+        <EuiIconTip position="right" content={editorTooltipText} type="question" />
       </>
     ),
     [jsonEditorLabelText, editorTooltipText]

src/platform/plugins/private/vis_default_editor/public/components/controls/size.test.tsx

@@ -33,7 +33,7 @@ describe('SizeParamEditor', () => {
   });
 
   it('should render an iconTip in the label if it was passed', () => {
-    const iconTip = <EuiIconTip position="right" content={'test'} type="questionInCircle" />;
+    const iconTip = <EuiIconTip position="right" content={'test'} type="question" />;
     const comp = shallowWithIntl(<SizeParamEditor {...defaultProps} iconTip={iconTip} />);
 
     expect(comp.props().label.props.children[1]).toEqual(iconTip);

src/platform/plugins/private/vis_default_editor/public/components/controls/time_interval.tsx

@@ -131,7 +131,7 @@ function TimeIntervalParamEditor({
         />{' '}
         <EuiIconTip
           position="right"
-          type="questionInCircle"
+          type="question"
           content={interval.scale <= 1 ? tooManyBucketsTooltip : tooLargeBucketsTooltip}
         />
       </strong>

src/platform/plugins/private/vis_default_editor/public/components/controls/top_aggregate.tsx

@@ -61,7 +61,7 @@ export function TopAggregateParamEditor({
       />{' '}
       <EuiIconTip
         position="right"
-        type="questionInCircle"
+        type="question"
         content={i18n.translate('visDefaultEditor.controls.aggregateWithTooltip', {
           defaultMessage:
             'Choose a strategy for combining multiple hits or a multi-valued field into a single metric.',

src/platform/plugins/private/vis_default_editor/public/components/controls/top_size.tsx

@@ -25,7 +25,7 @@ function TopSizeParamEditor(props: AggParamEditorProps<number | ''>) {
           defaultMessage:
             "Request top-K hits. Multiple hits will be combined via 'aggregate with'.",
         })}
-        type="questionInCircle"
+        type="question"
       />
     </>
   );

src/platform/plugins/private/vis_types/pie/public/editor/components/pie.tsx

@@ -204,7 +204,7 @@ const PieOptions = (props: PieOptionsProps) => {
                   <EuiIconTip
                     content="Use with multi-layer chart or multiple charts."
                     position="top"
-                    type="iInCircle"
+                    type="info"
                     color="subdued"
                   />
                 </EuiFlexItem>

src/platform/plugins/private/vis_types/pie/public/editor/components/truncate_labels.tsx

@@ -34,7 +34,7 @@ function TruncateLabelsOption({ disabled, value = null, setValue }: TruncateLabe
             defaultMessage: 'Number of characters for labels positioned outside the chart.',
           })}
           position="top"
-          type="iInCircle"
+          type="info"
           color="subdued"
         />
       }

src/platform/plugins/private/vis_types/vega/public/components/deprecated_interval_info.tsx

@@ -35,7 +35,7 @@ export const DeprecatedHistogramIntervalInfo = () => (
         }}
       />
     }
-    iconType="help"
+    iconType="question"
   />
 );
 

src/platform/plugins/private/vis_types/vega/public/components/vega_help_menu.tsx

@@ -22,7 +22,7 @@ function VegaHelpMenu() {
 
   const button = (
     <EuiButtonIcon
-      iconType="questionInCircle"
+      iconType="question"
       onClick={onButtonClick}
       aria-label={i18n.translate('visTypeVega.editor.vegaHelpButtonAriaLabel', {
         defaultMessage: 'Vega help',

src/platform/plugins/private/vis_types/vislib/public/vislib/partials/touchdown_template.tsx

@@ -21,7 +21,7 @@ export const touchdownTemplate = ({ wholeBucket }: Props) => {
   return ReactDOM.renderToStaticMarkup(
     <KibanaRenderContextProvider {...getCoreStart()}>
       <p className="visTooltip__header">
-        <EuiIcon type="iInCircle" className="visTooltip__headerIcon" />
+        <EuiIcon type="info" className="visTooltip__headerIcon" />
         <span className="visTooltip__headerText">
           {wholeBucket ? 'Part of this bucket' : 'This area'} may contain partial data. The selected
           time range does not fully cover it.

src/platform/plugins/shared/chart_expressions/expression_xy/public/components/tooltip/__snapshots__/endzone_tooltip_header.test.tsx.snap

@@ -12,7 +12,7 @@ exports[`EndzoneTooltipHeader should render endzone tooltip with value, if it is
       grow={false}
     >
       <EuiIcon
-        type="iInCircle"
+        type="info"
       />
     </EuiFlexItem>
     <EuiFlexItem>
@@ -40,7 +40,7 @@ exports[`EndzoneTooltipHeader should render endzone tooltip without value, if it
       grow={false}
     >
       <EuiIcon
-        type="iInCircle"
+        type="info"
       />
     </EuiFlexItem>
     <EuiFlexItem>

src/platform/plugins/shared/chart_expressions/expression_xy/public/components/tooltip/endzone_tooltip_header.tsx

@@ -28,7 +28,7 @@ export const EndzoneTooltipHeader: FC<EndzoneTooltipHeaderProps> = ({ value }) =
       gutterSize="xs"
     >
       <EuiFlexItem grow={false}>
-        <EuiIcon type="iInCircle" />
+        <EuiIcon type="info" />
       </EuiFlexItem>
       <EuiFlexItem>
         {i18n.translate('expressionXY.partialData.bucketTooltipText', {

src/platform/plugins/shared/charts/public/static/components/endzones.tsx

@@ -154,7 +154,7 @@ const Prompt: AnnotationTooltipFormatter = () => {
   return (
     <EuiFlexGroup alignItems="center" responsive={false} gutterSize="xs" css={headerPartialCss}>
       <EuiFlexItem grow={false}>
-        <EuiIcon type="iInCircle" />
+        <EuiIcon type="info" />
       </EuiFlexItem>
       <EuiFlexItem>{partialDataText}</EuiFlexItem>
     </EuiFlexGroup>

src/platform/plugins/shared/console/public/application/containers/main/main.tsx

@@ -198,7 +198,7 @@ export function Main({ currentTabProp, isEmbeddable = false }: MainProps) {
 
   const helpButton = (
     <NavIconButton
-      iconType="questionInCircle"
+      iconType="question"
       onClick={() => setIsHelpOpen(!isHelpOpen)}
       ariaLabel={MAIN_PANEL_LABELS.helpButton}
       dataTestSubj="consoleHelpButton"

src/platform/plugins/shared/content_management/public/registry/content_type.test.ts

@@ -15,7 +15,7 @@ test('create a content type with just an id', () => {
 
   expect(type.id).toBe('test');
   expect(type.name).toBe('test');
-  expect(type.icon).toBe('questionInCircle');
+  expect(type.icon).toBe('question');
   expect(type.description).toBe('');
 });
 

src/platform/plugins/shared/content_management/public/registry/content_type.ts

@@ -26,7 +26,7 @@ export class ContentType {
   }
 
   public get icon(): string {
-    return this.definition.icon ?? 'questionInCircle';
+    return this.definition.icon ?? 'question';
   }
 
   public get crud(): CrudClient | undefined {

src/platform/plugins/shared/dashboard/public/dashboard_app/listing_page/dashboard_no_match.tsx

@@ -38,7 +38,7 @@ export const DashboardNoMatch = ({ history }: { history: RouteComponentProps['hi
       bannerId = coreServices.overlays.banners.replace(
         bannerId,
         toMountPoint(
-          <EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
+          <EuiCallOut color="warning" iconType="info" title={bannerMessage}>
             <p>
               <FormattedMessage
                 id="dashboard.noMatchRoute.bannerText"

src/platform/plugins/shared/dashboard/public/dashboard_renderer/settings/settings_flyout.tsx

@@ -306,7 +306,7 @@ export const DashboardSettingsFlyout = ({ onClose }: DashboardSettingsProps) =>
                         }}
                         position="top"
                         size="s"
-                        type="questionInCircle"
+                        type="question"
                       />
                     </EuiText>
                   }

src/platform/plugins/shared/data/public/search/session/search_sessions_deprecation_message.tsx

@@ -30,7 +30,7 @@ export const SearchSessionsDeprecatedWarning = ({
     title={searchSessionsDeprecatedWarningTitle}
     size={size}
     color="warning"
-    iconType="help"
+    iconType="question"
     data-test-subj="searchSessionsDeprecatedWarningTitle"
   >
     <FormattedMessage

src/platform/plugins/shared/data/public/search/session/sessions_mgmt/components/main.tsx

@@ -50,7 +50,7 @@ export function SearchSessionsMgmtMain({ documentation, ...tableProps }: Props)
           <EuiButtonEmpty
             href={documentation.getElasticsearchDocLink()}
             target="_blank"
-            iconType="help"
+            iconType="question"
           >
             <FormattedMessage
               id="data.mgmt.searchSessions.main.backgroundSessionsDocsLinkText"

src/platform/plugins/shared/data_view_editor/public/components/rollup_deprecated_warning/rollup_deprecated_warning.tsx

@@ -29,7 +29,7 @@ export const RollupDeprecatedWarning = ({ docLinksService }: RollupDeprecatedWar
   <EuiCallOut
     title={rollupBetaWarningTitle}
     color="warning"
-    iconType="help"
+    iconType="question"
     data-test-subj="rollupDeprecationCallout"
   >
     <FormattedMessage

src/platform/plugins/shared/data_view_field_editor/public/components/field_editor/field_editor.tsx

@@ -296,7 +296,7 @@ const FieldEditorComponent = ({ field, onChange, onFormModifiedChange }: Props)
       {field?.parentName && (
         <>
           <EuiCallOut
-            iconType="iInCircle"
+            iconType="info"
             title={i18n.translate('indexPatternFieldEditor.editor.form.subFieldParentInfo', {
               defaultMessage: "Field value is defined by ''{parentName}''",
               values: { parentName: field?.parentName },

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/table.tsx

@@ -233,7 +233,7 @@ export const renderFieldName = (field: IndexedFieldItem, timeFieldName?: string)
       <span>
         &nbsp;
         <EuiIconTip
-          type="questionInCircle"
+          type="question"
           color="primary"
           aria-label={additionalInfoAriaLabel}
           content={field.info.map((info: string, i: number) => (

src/platform/plugins/shared/data_view_management/public/components/index_pattern_table/index_pattern_table.tsx

@@ -246,7 +246,7 @@ export const IndexPatternTable = ({
               <>
                 &nbsp;
                 <EuiIconTip
-                  type="iInCircle"
+                  type="info"
                   color="text"
                   aria-label={dataView.title}
                   content={dataView.title}

src/platform/plugins/shared/discover/public/application/context/components/action_bar/action_bar_warning.tsx

@@ -18,7 +18,7 @@ export function ActionBarWarning({ docCount, type }: { docCount: number; type: S
       <EuiCallOut
         color="primary"
         data-test-subj="predecessorsWarningMsg"
-        iconType="iInCircle"
+        iconType="info"
         title={
           docCount === 0 ? (
             <FormattedMessage
@@ -42,7 +42,7 @@ export function ActionBarWarning({ docCount, type }: { docCount: number; type: S
     <EuiCallOut
       color="primary"
       data-test-subj="successorsWarningMsg"
-      iconType="iInCircle"
+      iconType="info"
       title={
         docCount === 0 ? (
           <FormattedMessage

src/platform/plugins/shared/discover/public/application/main/components/layout/selected_vs_available_callout.tsx

@@ -33,7 +33,7 @@ export const SelectedVSAvailableCallout = ({
           <EuiCallOut
             color="primary"
             data-test-subj="dscSelectedColumnsCallout"
-            iconType="iInCircle"
+            iconType="info"
             title={i18n.translate('discover.esqlMode.selectedColumnsCallout', {
               defaultMessage:
                 'Displaying {selectedColumnsNumber} of {esqlQueryColumnsNumber} fields. Add more from the Available fields list.',

src/platform/plugins/shared/discover/public/application/main/components/top_nav/solutions_view_badge.tsx

@@ -49,7 +49,7 @@ export const SolutionsViewBadge: FunctionComponent<{ badgeText: string }> = ({ b
       button={
         <EuiBadge
           color="hollow"
-          iconType="questionInCircle"
+          iconType="question"
           iconSide="right"
           onClick={() => setIsPopoverOpen((value) => !value)}
           onClickAriaLabel={onClickAriaLabel}

src/platform/plugins/shared/discover/public/application/not_found/not_found_route.tsx

@@ -34,7 +34,7 @@ export function NotFoundRoute() {
     bannerId = core.overlays.banners.replace(
       bannerId,
       toMountPoint(
-        <EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
+        <EuiCallOut color="warning" iconType="info" title={bannerMessage}>
           <p data-test-subj="invalidRouteMessage">
             <FormattedMessage
               id="discover.noMatchRoute.bannerText"

src/platform/plugins/shared/guided_onboarding/public/components/guide_panel_flyout/guide_panel_flyout_footer.tsx

@@ -32,7 +32,7 @@ export const GuidePanelFlyoutFooter = ({
       >
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
-            iconType="questionInCircle"
+            iconType="question"
             iconSide="right"
             href="https://cloud.elastic.co/support "
             target="_blank"

src/platform/plugins/shared/inspector/public/views/requests/components/details/req_details_stats.tsx

@@ -40,7 +40,7 @@ const StatRow = ({ stat }: { stat: RequestDetailsStatRow }) => {
               aria-label={i18n.translate('inspector.requests.descriptionRowIconAriaLabel', {
                 defaultMessage: 'Description',
               })}
-              type="questionInCircle"
+              type="question"
               color="subdued"
               content={stat.description}
             />

src/platform/plugins/shared/presentation_util/public/components/saved_object_save_modal_dashboard_selector.tsx

@@ -149,7 +149,7 @@ export function SaveModalDashboardSelector(props: SaveModalDashboardSelectorProp
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiIconTip
-                type="iInCircle"
+                type="info"
                 content={
                   <FormattedMessage
                     id="presentationUtil.saveModalDashboard.dashboardInfoTooltip"

src/platform/plugins/shared/saved_objects/public/save_modal/saved_object_save_modal.tsx

@@ -415,7 +415,7 @@ class SavedObjectSaveModalComponent extends React.Component<
             css={({ euiTheme }) => ({ marginLeft: `-${euiTheme.size.base}` })}
             grow={false}
           >
-            <EuiIconTip type="iInCircle" content={this.props.mustCopyOnSaveMessage} />
+            <EuiIconTip type="info" content={this.props.mustCopyOnSaveMessage} />
           </EuiFlexItem>
         )}
         <EuiFlexItem grow={true} />

src/platform/plugins/shared/saved_objects_management/public/management_section/objects_table/components/__snapshots__/flyout.test.tsx.snap

@@ -28,7 +28,7 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
       <EuiCallOut
         color="warning"
         data-test-subj="importSavedObjectsConflictsWarning"
-        iconType="help"
+        iconType="question"
         title={
           <Memo(MemoizedFormattedMessage)
             defaultMessage="Data Views Conflicts"

src/platform/plugins/shared/saved_objects_management/public/management_section/objects_table/components/flyout.tsx

@@ -577,7 +577,7 @@ export class FlyoutClass extends Component<
             />
           }
           color="warning"
-          iconType="help"
+          iconType="question"
         >
           <p>
             <FormattedMessage

src/platform/plugins/shared/saved_objects_management/public/management_section/objects_table/components/import_mode_control.tsx

@@ -82,7 +82,7 @@ const createLabel = ({ text, tooltip }: { text: string; tooltip: string }) => (
       <EuiText>{text}</EuiText>
     </EuiFlexItem>
     <EuiFlexItem grow={false}>
-      <EuiIconTip content={tooltip} position="left" type="iInCircle" />
+      <EuiIconTip content={tooltip} position="left" type="info" />
     </EuiFlexItem>
   </EuiFlexGroup>
 );

src/platform/plugins/shared/share/public/components/tabs/embed/embed_content.tsx

@@ -282,7 +282,7 @@ export const EmbedContent = ({
               />
             }
           >
-            <EuiIcon type="questionInCircle" />
+            <EuiIcon type="question" />
           </EuiToolTip>
         </EuiFlexItem>
       </EuiFlexGroup>

src/platform/plugins/shared/ui_actions_enhanced/public/drilldowns/drilldown_manager/components/drilldown_hello_bar/drilldown_hello_bar.tsx

@@ -33,7 +33,7 @@ export const DrilldownHelloBar: React.FC<DrilldownHelloBarProps> = ({ docsLink,
     <EuiCallOut data-test-subj={WELCOME_MESSAGE_TEST_SUBJ}>
       <EuiFlexGroup responsive={false}>
         <EuiFlexItem grow={false}>
-          <EuiIcon type="help" />
+          <EuiIcon type="question" />
         </EuiFlexItem>
         <EuiFlexItem grow={1}>
           <EuiText size={'s'}>

src/platform/plugins/shared/unified_doc_viewer/public/components/doc_viewer_table/get_pin_control.tsx

@@ -79,7 +79,7 @@ export const getPinColumnControl = ({
     id: 'pin_field',
     width: 32,
     headerCellRender: () => (
-      <EuiIconTip aria-label={pinColumnHeader} type="iInCircle" content={pinColumnHeader} />
+      <EuiIconTip aria-label={pinColumnHeader} type="info" content={pinColumnHeader} />
     ),
     rowCellRender: ({ rowIndex }) => {
       const row = rows[rowIndex];

src/platform/plugins/shared/unified_search/public/query_string_input/esql_menu_popover.tsx

@@ -176,11 +176,11 @@ export const ESQLMenuPopover: React.FC<ESQLMenuPopoverProps> = ({
             name: i18n.translate('unifiedSearch.query.queryBar.esqlMenu.documentation', {
               defaultMessage: 'Documentation',
             }),
-            icon: 'iInCircle',
+            icon: 'info',
             renderItem: () => (
               <EuiContextMenuItem
                 key="about"
-                icon="iInCircle"
+                icon="info"
                 data-test-subj="esql-about"
                 target="_blank"
                 href={docLinks.links.query.queryESQL}

src/platform/plugins/shared/unified_search/public/saved_query_management/saved_query_management_list.tsx

@@ -164,7 +164,7 @@ const itemLabel = (attributes: SavedQueryAttributes) => {
   if (attributes.description) {
     label = (
       <>
-        {label} <EuiIcon type="iInCircle" color="subdued" size="s" />
+        {label} <EuiIcon type="info" color="subdued" size="s" />
       </>
     );
   }

src/platform/plugins/shared/vis_types/timeseries/public/application/components/aggs/percentile_hdr.tsx

@@ -32,7 +32,7 @@ export const PercentileHdr = ({ value, onChange }: PercentileHdrProps) => (
               defaultMessage="HDR Histogram (High Dynamic Range Histogram) is an alternative implementation that can be useful when calculating percentile ranks for latency measurements as it can be faster than the t-digest implementation with the trade-off of a larger memory footprint. Number of significant value digits parameter specifies the resolution of values for the histogram in number of significant digits"
             />
           }
-          type="questionInCircle"
+          type="question"
         />
       </>
     }

src/platform/plugins/shared/vis_types/timeseries/public/application/components/aggs/serial_diff.js

@@ -106,7 +106,7 @@ export const SerialDiffAgg = (props) => {
                       defaultMessage="The historical bucket to subtract from the current value. Must be a positive, non-zero integer"
                     />
                   }
-                  type="questionInCircle"
+                  type="question"
                 />
               </>
             }

src/platform/plugins/shared/vis_types/timeseries/public/application/components/index_pattern.js

@@ -204,7 +204,7 @@ export const IndexPattern = ({
                         "Last value" will match only the documents for the specified interval from the end of the timerange.'
                       />
                     }
-                    type="questionInCircle"
+                    type="question"
                   />
                 </>
               }
@@ -341,7 +341,7 @@ export const IndexPattern = ({
                         }}
                       />
                     }
-                    type="questionInCircle"
+                    type="question"
                   />
                 </>
               }

src/platform/plugins/shared/vis_types/timeseries/public/application/components/last_value_mode_indicator.tsx

@@ -77,7 +77,7 @@ export const LastValueModeIndicator = ({
   return (
     <EuiToolTip position="top" display="inlineBlock" content={tooltipContent}>
       <EuiBadge
-        iconType="iInCircle"
+        iconType="info"
         iconSide="right"
         onClick={() => {}}
         onClickAriaLabel={i18n.translate(

src/platform/plugins/shared/visualizations/public/visualize_app/components/visualize_listing.tsx

@@ -386,7 +386,7 @@ export const VisualizeListing = () => {
         <>
           {dashboardCapabilities.createNew && (
             <>
-              <EuiCallOut size="s" title={calloutMessage} iconType="iInCircle" />
+              <EuiCallOut size="s" title={calloutMessage} iconType="info" />
               <EuiSpacer size="m" />
             </>
           )}

src/platform/plugins/shared/visualizations/public/visualize_app/components/visualize_no_match.tsx

@@ -37,7 +37,7 @@ export const VisualizeNoMatch = () => {
       bannerId = services.overlays.banners.replace(
         bannerId,
         toMountPoint(
-          <EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
+          <EuiCallOut color="warning" iconType="info" title={bannerMessage}>
             <p>
               <FormattedMessage
                 id="visualizations.noMatchRoute.bannerText"

x-pack/examples/alerting_example/public/components/view_alert.tsx

@@ -71,7 +71,7 @@ export const ViewAlertPage = withRouter(({ http, id }: Props) => {
         <h2>Alerts</h2>
       </EuiText>
       {isEmpty(alertState.alerts) ? (
-        <EuiCallOut title="No Alerts!" color="warning" iconType="help">
+        <EuiCallOut title="No Alerts!" color="warning" iconType="question">
           <p>This Rule doesn&apos;t have any active alerts at the moment.</p>
         </EuiCallOut>
       ) : (