Skip to content

[BREAKING CHANGE] Remove deprecated icons - #9815

Draft
weronikaolejniczak wants to merge 19 commits into
elastic:mainfrom
weronikaolejniczak:chore/remove-deprecated-icons
Draft

[BREAKING CHANGE] Remove deprecated icons#9815
weronikaolejniczak wants to merge 19 commits into
elastic:mainfrom
weronikaolejniczak:chore/remove-deprecated-icons

Conversation

@weronikaolejniczak

@weronikaolejniczak weronikaolejniczak commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

Summary

Closes #9561

Removed all deprecated icon handles and assets. All icons in Kibana and Cloud UI have been migrated and only a few of deprecated handles have been used since then.

API Changes

component / parent prop / child change description
EuiIcon type Removed Removed 137 deprecated named icon handles and their legacy assets; use their documented replacements; deprecated additional 13 handles
EuiToken iconType Removed Removed the deprecated tokenDenseVector alias; use tokenVectorDense

Exceptions (16):

  • alert (new handle: warning)
  • compute (new handle: processor)
  • editorComment (new handle: comment)
  • list (new handle: listBullet)
  • mapMarker (new handle: waypoint)
  • pinFilled (new handle: pinFill)
  • search (new handle: magnify)
  • starEmpty (new handle: star)
  • starFilled (new handle: starFill)
  • temperature (new handle: thermometer)
  • visArea (new handle: chartArea)
  • visBarVertical (new handle: chartBarVertical)
  • visGauge (new handle: chartGauge)
  • visLine (new handle: chartLine)
  • visPie (new handle: chartPie)
  • visTable (new handle: table)

See #9832 for more info.

New deprecations (13):

  • documents (new handle: document)
  • indexClose (new handle: tableCross)
  • indexEdit (new handle: tablePencil)
  • indexOpen (new handle: tablePlus)
  • indexRuntime (new handle: tablePlay)
  • indexSettings (new handle: tableGear)
  • kubernetesPod (new handle: cube)
  • pagesSelect (new handle: documentsCheck)
  • timelineWithArrow (new handle: timelinePointer)
  • boxesVertical (new handle: ellipsis)
  • folderCheck (new handle: check)
  • logRateAnalysis (new handle: chartBarVertical)
  • mobile (not in use; no replacement)

See #9847 for more info.

Screenshots

N/A

Impact Assessment

Note: Most PRs should be tested in Kibana to help gauge their Impact before merging.

  • 🔴 Breaking changes — What will break? How many usages in Kibana/Cloud UI are impacted?
  • 💅 Visual changes — May impact style overrides; could require visual testing. Explain and estimate impact.
  • 🧪 Test impact — May break functional or snapshot tests (e.g., HTML structure, class names, default values).
  • 🔧 Hard to integrate — If changes require substantial updates to Kibana, please stage the changes and link them here.

Impact level: 🟢 Low
Kibana PR: elastic/kibana#279452 (🟡 build - flaky but succeeded)

Release Readiness

  • Documentation:
  • Figma: {link to Figma or issue}
  • Migration guide: {steps or link, for breaking/visual changes or deprecations}
  • Adoption plan (new features): {link to issue/doc or outline who will integrate this and where}

QA instructions for reviewer

  • Verify only deprecated icons are removed
  • Verify ALL deprecated icon-related code is removed
  • Verify all exceptions
  • Verify all new deprecations
  • Verify Kibana CI is passing

Checklist before marking Ready for Review

Reviewer checklist

  • Approved Impact Assessment — Acceptable to merge given the consumer impact.
  • Approved Release Readiness — Docs, Figma, and migration info are sufficient to ship.

@weronikaolejniczak weronikaolejniczak self-assigned this Jul 16, 2026
@weronikaolejniczak weronikaolejniczak added the breaking change PRs with breaking changes. (Don't delete - used for automation) label Jul 16, 2026
@github-actions

Copy link
Copy Markdown

This PR contains breaking changes. The opener of this pull request is asked to perform the following due diligence steps below, to assist EUI in our next Kibana upgrade:

  • If this PR contains prop/API changes:
    • Search through Kibana for <EuiComponent usages (example search)
    • In the PR description or in a PR comment, include a count or list with the number of component usages in Kibana that will need to be updated (if that amount is "none", include that information as well)
  • If this PR contains CSS changes:
    • Search through Kibana for the changed EUI selectors, e.g. .euiComponent (example search)
    • In the PR description or in a PR comment, include a count or list with the number of custom CSS overrides in Kibana that will need to be updated (if that amount is "none", include that information as well)
  • 🔍 Tip: When searching through Kibana, consider excluding **/target, **/*.snap, **/*.storyshot files to reduce noise and only look at source code usages
  • ⚠️ For extremely risky changes, the EUI team should potentially consider the following precautions:
    • Using a pre-release release candidate to test Kibana CI ahead of time
    • Using kibana-a-la-carte for manual QA, and to give other Kibana teams a staging server to quickly test against

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
2 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

StoryBeforeAfterDiff
all icons desktop
all icons mobile

@weronikaolejniczak weronikaolejniczak changed the title [Chore] Remove deprecated icons [BREAKING CHANGE][Chore] Remove deprecated icons Jul 20, 2026
@JoseLuisGJ
JoseLuisGJ self-requested a review July 20, 2026 14:01
@weronikaolejniczak
weronikaolejniczak marked this pull request as ready for review July 21, 2026 13:17
@weronikaolejniczak
weronikaolejniczak requested a review from a team as a code owner July 21, 2026 13:17
Copilot AI review requested due to automatic review settings July 21, 2026 13:17

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR removes deprecated EuiIcon named handles (and their legacy SVG/source + generated asset files), plus removes the deprecated EuiToken tokenDenseVector alias in favor of tokenVectorDense.

Changes:

  • Removed deprecated icon SVGs and generated assets/*.tsx icon modules (breaking change).
  • Removed the deprecated tokenDenseVector token alias and updated snapshots/tests accordingly.
  • Updated a Storybook story to use replacement icons and added a changelog entry.

Reviewed changes

Copilot reviewed 120 out of 235 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
packages/eui/src/components/token/token_map.ts Removes the deprecated tokenDenseVector alias from the token type/map.
packages/eui/src/components/token/snapshots/token.test.tsx.snap Drops the snapshot for the removed tokenDenseVector alias.
packages/eui/src/components/list_item_layout/_list_item_layout.stories.tsx Updates deprecated icon usages to their replacements.
packages/eui/src/components/icon/svgs/vis_text.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_table.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_map_region.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_map_coordinate.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_line.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_bar_vertical.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_bar_vertical_stacked.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_bar_horizontal.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_bar_horizontal_stacked.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vis_area.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/vector.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/unlink.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/timeslider.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/temperature.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/table_density_expanded.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/table_density_compact.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/submodule.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/streams_classic.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/security_signal.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/search.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/return_key.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/push.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/popout.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/plus_in_circle_filled.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/play_filled.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/new_chat.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/magnify_with_plus.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/magnify_with_minus.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/magnify_with_exclamation.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/logstash_queue.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/logstash_if.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/list.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/list_add.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/lettering.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/kql_value.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/kql_selector.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/kql_field.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/index_flush.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/import.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/grab.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/grab_omnidirectional.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/grab_horizontal.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/filter_in_circle.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/field_statistics.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/expand.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/exit.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/email.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_undo.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_underline.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_table.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_redo.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_position_top_right.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_position_top_left.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_position_bottom_right.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_position_bottom_left.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_ordered_list.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_top.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_right.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_middle.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_left.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_center.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_item_align_bottom.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_italic.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_heading.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_distribute_vertical.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_distribute_horizontal.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_checklist.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_bold.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_align_right.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_align_left.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/editor_align_center.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/document_edit.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/diff.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/desktop.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/copy_clipboard.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/console.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/compute.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/color.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/change_point_detection.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/boxes_horizontal.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/arrow_up.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/arrow_right.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/arrow_left.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/arrow_down.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/svgs/anomaly_chart.svg Removes deprecated icon SVG source.
packages/eui/src/components/icon/icon_tokens.a11y.tsx Updates token icon a11y coverage (needs adjustment per comments).
packages/eui/src/components/icon/icon_editor.a11y.tsx Removes a11y test file for deprecated editor icons.
packages/eui/src/components/icon/assets/vis_text.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_tag_cloud.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_table.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_pie.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_map_region.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_map_coordinate.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_line.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_bar_vertical.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_bar_vertical_stacked.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_bar_horizontal.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_bar_horizontal_stacked.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vis_area.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/vector.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/unlink.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/timeslider.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/temperature.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/table_density_expanded.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/table_density_compact.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/streams_classic.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/security_signal.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/return_key.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/popout.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/plus_in_circle_filled.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/play_filled.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/paint.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/logstash_queue.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/logstash_if.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/list.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/list_add.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/kql_value.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/kql_selector.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/kql_field.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/index_mapping.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/import.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/heatmap.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/grab.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/grab_omnidirectional.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/grab_horizontal.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/filter_in_circle.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/expand.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/exit.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/email.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_unordered_list.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_undo.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_underline.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_table.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_redo.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_position_top_right.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_position_top_left.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_position_bottom_right.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_position_bottom_left.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_ordered_list.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_top.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_right.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_middle.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_left.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_center.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_item_align_bottom.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_italic.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_heading.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_distribute_vertical.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_distribute_horizontal.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_checklist.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_bold.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_align_right.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_align_left.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/editor_align_center.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/document_edit.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/diff.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/copy_clipboard.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/console.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/compute.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/color.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/change_point_detection.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/boxes_horizontal.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/arrow_up.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/arrow_right.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/arrow_left.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/arrow_down.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/src/components/icon/assets/apm_trace.tsx Removes generated icon asset module for a deprecated icon.
packages/eui/changelogs/upcoming/9815.md Adds breaking-change changelog entry for deprecated icon removals.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread packages/eui/src/components/icon/icon_tokens.a11y.tsx
Comment thread packages/eui/src/components/icon/icon_tokens.a11y.tsx Outdated
@weronikaolejniczak weronikaolejniczak changed the title [BREAKING CHANGE][Chore] Remove deprecated icons [BREAKING CHANGE] Remove deprecated icons Jul 21, 2026
@weronikaolejniczak
weronikaolejniczak force-pushed the chore/remove-deprecated-icons branch from 4397169 to 30f703a Compare July 22, 2026 10:39
@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
2 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

StoryBeforeAfterDiff
all icons desktop
all icons mobile

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
1 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (1 difference)

StoryBeforeAfterDiff
no toolbar mobile

@weronikaolejniczak
weronikaolejniczak marked this pull request as draft July 22, 2026 12:50
@weronikaolejniczak
weronikaolejniczak marked this pull request as ready for review July 22, 2026 12:53
@acstll
acstll self-requested a review July 22, 2026 16:16

@acstll acstll left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Code changes look correct, the 6 exceptions listed in the description are also handled as expected. Thank you @weronikaolejniczak for tackling this one.

I guess this is a question more for @JoseLuisGJ, but what is the reason for keeping those 6 deprecated handles? (it could be useful to have this info in the description for future reference) Also, this is a nit: for those cases, maybe the NOTE: To be deprecated in favor of … could be rephrased to state the actual deprecation e.g. NOTE: Deprecated in favor of … or even use /** @deprecated … if it'd make sense…

@JoseLuisGJ JoseLuisGJ left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added a few synonyms leveraging the legacy aliases we want to remove and make sense to keep them. We could make this redundant work with an LLM if needed

Comment thread packages/eui/src/components/icon/icon_map.ts Outdated
Comment thread packages/eui/src/components/icon/icon_map.ts Outdated
Comment thread packages/eui/src/components/icon/icon_map.ts Outdated
Comment thread packages/eui/src/components/icon/icon_map.ts Outdated
Comment thread packages/eui/src/components/icon/icon_map.ts Outdated
@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
2 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

StoryBeforeAfterDiff
all icons desktop
all icons mobile

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
1 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (1 difference)

StoryBeforeAfterDiff
render custom toolbar desktop

@weronikaolejniczak

weronikaolejniczak commented Jul 23, 2026

Copy link
Copy Markdown
Contributor Author

@JoseLuisGJ I added the synonyms, good catch!

I had to increase the list of exceptions from 6 to 16. @markov00 is aware, I will have to chat with @elastic/actionable-obs-team. I added the list of all places where the deprecated icon handles are preserved to the follow-up issue. To assure those leftover aliases are not used in browser UI, I added an ESLint rule for them (and all other 137 deprecated handles) with an auto-fix which we can remove alongside #9832.

I won't merge this PR until elastic/kibana#279452 is merged so that we are sure we are not breaking anybody's business.

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
1 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (1 difference)

StoryBeforeAfterDiff
toolbar visibility options desktop

@JoseLuisGJ

JoseLuisGJ commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Thanks for the big lift @weronikaolejniczak . I run with Figma MCP and Claude a DIFF comparison of the Figma Icon Glyph list of components and the icon_map.ts of this PR to spot any missing gap. And as I was suspecting there are some more leftovers we will need to address. But we might tackle them in a follow up PR to don't increase the scope of this one too much.

Glyphs

This is the sync status summary:

EUI Glyphs: Code ↔ Figma DIFF

Comparing icon_map.ts glyph docs keys vs Borealis Figma Glyphs section (node 12332:54507).

Name match only (not SVG geometry). App / ML / token / logo icons are outside this Figma section.

Summary

Status Count
In sync (exact name) 282
Deprecate + already not in Figma 61
Deprecate but still in Figma 9
Missing from Figma, not on deprecate list 7
Figma-only (not in code glyphs) 2

In sync — code & Figma (282)

Full list

accessibility, addToChat, addToDashboard, aggregate, alignBottom, alignBottomLeft, alignBottomRight, alignCenterHorizontal, alignCenterVertical, alignLeft, alignRight, alignTop, alignTopLeft, alignTopRight, archive, asterisk, at, axisX, axisYLeft, axisYRight, backgroundTask, bell, bellSlash, beta, bolt, branch, briefcase, broom, brush, bug, bulb, bullseye, calendar, chartAnomaly, chartArea, chartAreaStack, chartBarHorizontal, chartBarHorizontalStack, chartBarVertical, chartBarVerticalStack, chartChangePoint, chartGauge, chartHeatmap, chartLine, chartMetric, chartPie, chartTagCloud, chartThreshold, chartWaterfall, check, checkCircle, checkCircleFill, chevronDoubleLeft, chevronDoubleRight, chevronLimitLeft, chevronLimitRight, chevronSingleDown, chevronSingleLeft, chevronSingleRight, chevronSingleUp, clickLeft, clickRight, clock, clockControl, clockCounter, cloud, cluster, code, commandLine, comment, compare, contrast, contrastFill, controls, copy, cross, crossCircle, crossProjectSearch, crosshair, dashedCircle, database, display, distributeHorizontal, distributeVertical, document, documentation, documents, dot, download, drag, dragHorizontal, dragVertical, ellipsis, empty, endpoint, eraser, error, errorFill, external, eye, eyeSlash, faceHappy, faceNeutral, faceSad, filter, filterExclude, filterIgnore, filterInclude, flag, flask, folder, folderClose, folderOpen, fullScreen, fullScreenExit, gear, globe, gradient, grid, heart, home, hourglass, if, image, indexClose, indexEdit, indexOpen, indexRuntime, indexSettings, infinity, info, inputOutput, inspect, key, keyboard, kubernetesPod, layers, lineBreak, lineBreakSlash, lineDash, lineDot, lineSolid, link, linkSlash, listBullet, listCheck, listNumber, lock, lockOpen, logOut, magnify, magnifyExclamation, magnifyMinus, magnifyPlus, mail, map, mapping, maximize, megaphone, menu, menuLeft, menuRight, merge, minimize, minus, minusCircle, minusSquare, money, moon, move, nested, number, package, pagesSelect, paintBucket, palette, paperClip, partial, pattern, pause, pencil, percent, pin, pinFill, pivot, play, plugs, plus, plusCircle, plusSquare, popper, presentation, processor, productAgent, productCloudInfra, productDashboard, productDiscover, productML, productStreamsClassic, productStreamsWired, query, queryField, queryOperand, querySelector, queryValue, question, queue, quote, radar, readOnly, redo, refresh, refreshTime, reporter, return, rocket, save, scissors, section, send, server, shard, share, significantEvents, snowflake, sortAscending, sortDescending, sortDown, sortLeft, sortRight, sortUp, sortable, sparkles, star, starFill, stop, storage, sun, symlink, table, tableDensityHigh, tableDensityLow, tableInfo, tableTime, tag, text, textAlignCenter, textAlignLeft, textAlignRight, textBold, textHeading, textItalic, textStrike, textUnderline, thermometer, thumbDown, thumbUp, timeline, timelineWithArrow, transitionBottomIn, transitionBottomOut, transitionLeftIn, transitionLeftOut, transitionTopIn, transitionTopOut, trash, unarchive, undo, upload, user, users, vectorSquare, vectorTriangle, videoPlayer, warning, warningFill, waypoint, web, wifi, wifiSlash, workflow, wrench


Deprecate + already not in Figma (61)

No Glyphs board update needed for these.

Full list

analyzeEvent, anomalySwimLane, annotation, apps, article, branchUser, cloudDrizzle, cloudStormy, cloudSunny, container, continuityAbove, continuityAboveBelow, continuityBelow, continuityWithin, dotInCircle, esqlVis, fold, folderClosed, folderExclamation, frameNext, framePrevious, function, help, index, ip, kqlFunction, kubernetesNode, logstashFilter, logstashInput, logstashOutput, magnet, memory, menuDown, menuUp, namespace, pageSelect, payment, scale, securitySignalDetected, securitySignalResolved, sessionViewer, singleMetricViewer, spaces, starEmptySpace, starFillSpace, starMinusEmpty, starMinusFill, starPlusEmpty, starPlusFill, stats, stopFill, stopSlash, string, tableOfContents, tear, unfold, visGoal, visTimelion, visVisualBuilder, wordWrap, wordWrapDisabled


Deprecate but still in Figma (9)

Remove (or mark deprecated) from the Glyphs board if these ship as deprecations:

  • documents
  • indexClose
  • indexEdit
  • indexOpen
  • indexRuntime
  • indexSettings
  • kubernetesPod
  • pagesSelect
  • timelineWithArrow

Missing from Figma — not on deprecate list (7)

Icon Notes
boxesVertical Decide: deprecate, or add to Figma
folderCheck Decide: deprecate, or add to Figma
logRateAnalysis Decide: deprecate, or add to Figma
mobile Decide: deprecate, or add to Figma
export Alias of upload (already in Figma)
folderOpened Alias of folderOpen (already in Figma)
swatchInput Undocumented in code (ColorPicker) — fine to keep out of Figma

Real “add to Figma?” leftovers: boxesVertical, folderCheck, logRateAnalysis, mobile.


Figma-only (not in code glyphs)

  • array — closest code key is tokenArray (token category)
  • translate — not found in icon_map.ts

@weronikaolejniczak

weronikaolejniczak commented Jul 24, 2026

Copy link
Copy Markdown
Contributor Author

This is incredible, thank you 💪🏻 Let's deprecate these:

  • documents
  • indexClose
  • indexEdit
  • indexOpen
  • indexRuntime
  • indexSettings
  • kubernetesPod
  • pagesSelect
  • timelineWithArrow
  • export (new handle: upload)
  • folderOpened (new handle: folderOpen)

I'll add a deprecation comment and add to the ESLint rule. @JoseLuisGJ Is it clear what we should swap them out for?

Also, LMK if we want to deprecate or add to Figma: boxesVertical, folderCheck, logRateAnalysis, mobile. It's more of a design decision, right?

array — closest code key is tokenArray (token category)
translate — not found in icon_map.ts

We might add these ones in a follow-up if they're needed, right?

EDIT: I see Michael is adding translate here: #9842

@JoseLuisGJ

Copy link
Copy Markdown
Contributor

I'll add a deprecation comment and add to the ESLint rule. @JoseLuisGJ Is it clear what we should swap them out for?

That's perfect. Yes this was confirmed to be done. We sould should add boxesVertical, folderCheck, logRateAnalysis, mobile to be deprecated.

array — closest code key is tokenArray (token category)
translate — not found in icon_map.ts
We might add these ones in a follow-up if they're needed, right?

Indeed don't take any action regarding these ones yet.

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
2 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

StoryBeforeAfterDiff
all icons desktop
all icons mobile

@weronikaolejniczak
weronikaolejniczak marked this pull request as draft July 27, 2026 13:10
@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
2 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

StoryBeforeAfterDiff
all icons desktop
all icons mobile

@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
1 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (1 difference)

StoryBeforeAfterDiff
no toolbar mobile

@weronikaolejniczak
weronikaolejniczak force-pushed the chore/remove-deprecated-icons branch from 5f42400 to 6573612 Compare July 27, 2026 15:25
@elastic-vault-github-plugin-prod

Copy link
Copy Markdown
1 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (1 difference)

StoryBeforeAfterDiff
compact desktop

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@infra-vault-gh-plugin-prod

Copy link
Copy Markdown

💚 Build Succeeded

History

cc @weronikaolejniczak

@infra-vault-gh-plugin-prod

Copy link
Copy Markdown

💚 Build Succeeded

History

cc @weronikaolejniczak

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

breaking change PRs with breaking changes. (Don't delete - used for automation)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiIcon] Remove deprecated icons

5 participants