Updating icons per feedback from batches 1–3 #9026

MichaelMarcialis · 2025-09-16T15:24:57Z

Summary

This PR makes the following changes:

Updated icons based on feedback: boxesVertical, documentation, error, export, filter, filterExclude, filterIgnore, filterInclude, grab, grabOmnidirectional, grabHorizontal, importAction, indexTemporary, link, list, magnifyWithExclamation, magnifyWithMinus, magnifyWithPlus, minus, minusInCircle, pencil, pin, pinFilled, plus, plusInCircle, question, search, sortLeft, sortRight, sortDown, sortUp, sortable, unlink.
Added new icon: backgroundTask (FYI @l-suarez).
Marked icons for deprecation: boxesHorizontal, checkInCircleFilled, copyClipboard, documentEdit, errorFilled, expandMini, filterInCircle, lettering, listAdd, minusInCircleFilled, newChat, playFilled, plusInCircleFilled, submodule, tableDensityNormal, warningFilled.

Why are we making this change?

These updates are one task from the Borealis icon refresh project milestone 2 meta issue.

Screenshots #

Refreshed Icons

Before	After
.	.

Deprecated icons

"Deprecated" means the icon name is removed from our documentation, but still exists as an alias that now points to a different icon"

Before	After

As there are quite a few icons updated in this PR, please view them in the Figma EUI Borealis library.

Impact to users

All icons marked for deprecation have been aliased to use an appropriate replacement, so there should be no breaking changes with this update. There will be additional deprecations and renames coming in the future, but splitting off as separate PRs because of some of the complexities involved.

QA

Remove or strikethrough items that do not apply to your PR.

General checklist

Browser QA
- Checked in both light and dark modes
- [ ] Checked in both MacOS and Windows high contrast modes
  - ~~(emulate forced colors if you do not have access to a Windows machine.)~~
- [ ] Checked in mobile
- Checked in Chrome, Safari, Edge, and Firefox
- ~~[ ] Checked for accessibility including keyboard-only and screenreader modes~~
Docs site QA
- Added documentation
- [ ] Props have proper autodocs (using @default if default values are missing) and playground toggles
- Checked Code Sandbox works for any docs examples
Code quality checklist
- Added or updated jest and cypress tests
- Updated visual regression tests
Release checklist
- A changelog entry exists and is marked appropriately.
- ~~[ ] If applicable, added the breaking change issue label (and filled out the breaking change checklist)~~
Designer checklist
- If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

…es-1-3

weronikaolejniczak · 2025-09-19T10:34:02Z

@MichaelMarcialis amazing work! 🎉 The icons look so good now, can't wait for the final result 💖

One thing we're missing is the VRT tests. You'd have to run yarn test-visual-regression in the packages/eui folder and verify that the loki screenshots are as expected.

Also, we seem to be having some conflicts 👀

…es-1-3

MichaelMarcialis · 2025-09-19T21:26:20Z

Thanks for taking a look and for the kind words, @weronikaolejniczak! I've fixed the conflicts and completed the visual regression testing and update (hopefully correctly; this was my first time). Let me know if I missed anything else.

weronikaolejniczak

@MichaelMarcialis thanks for updating the VRT images 🙌🏻 I verified them and all's good 👌🏻 We're good to merge 🟢

ℹ️ @elastic/eui-team packages/eui/.loki/reference/chrome_mobile_Display_EuiIconTip_Playground.png and packages/eui/.loki/reference/chrome_desktop_Display_EuiIconTip_Playground.png have been updated. This story hasn't been working well for a long time. I will create a ticket to look into it during support duty.

EDIT: #9047

MichaelMarcialis · 2025-09-22T13:39:13Z

Thanks, @weronikaolejniczak!

@ryankeairns, would you mind giving this a look as well to make sure I've not done anything too unexpected or radical?

…es-1-3

elasticmachine · 2025-09-22T19:45:40Z

💚 Build Succeeded

History

💚 Build #1296 succeeded 5342ed9
💚 Build #1259 succeeded e896b74
💚 Build #1257 succeeded 7b1559a

elasticmachine · 2025-09-22T20:01:46Z

💚 Build Succeeded

Buildkite Build
Commit: 9e01853

History

💚 Build #4757 succeeded 5342ed9
💚 Build #4727 succeeded e896b74
💚 Build #4725 succeeded 7b1559a

- `@elastic/eui`: `v106.6.0` ⏩ `v106.7.0` - `@elastic/eui-theme-borealis`: `v3.4.0` ⏩ `v3.5.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) --- ## Changes - replaced usages of `EuiButtonEmpty` in Discover `change_dataview` and `EuiFilterButton` in Dashboard `options_list_control `with the newly added `EuiFormControlButton` component to ensure cohesive form layout styling (EUI [#9006](elastic/eui#9006)) **Discover** | before | after | |---|---| | <img width="434" height="369" alt="Screenshot 2025-10-07 at 22 13 23" src="https://github.com/user-attachments/assets/488984a0-a6a1-488e-8db5-588c84be6765" /> | <img width="418" height="365" alt="Screenshot 2025-10-07 at 22 20 16" src="https://github.com/user-attachments/assets/16164d3f-0b8d-4ceb-a971-a10a6d1f5aee" /> | | <img width="432" height="371" alt="Screenshot 2025-10-07 at 22 12 39" src="https://github.com/user-attachments/assets/37fd32f5-6d15-459d-9e14-776a671b7fd6" /> | <img width="423" height="372" alt="Screenshot 2025-10-07 at 22 21 16" src="https://github.com/user-attachments/assets/846eb3f6-7d39-4c6e-9e22-42b694f9a276" /> | **Dashboard** | before | after | |---|---| | <img width="475" height="288" alt="Screenshot 2025-10-07 at 22 13 13" src="https://github.com/user-attachments/assets/4ff88734-18d7-456a-991d-ba491550a4dd" /> | <img width="432" height="292" alt="Screenshot 2025-10-07 at 17 44 25" src="https://github.com/user-attachments/assets/6e97337f-11e6-4213-a80b-5424dcb3ee38" /> | | <img width="475" height="289" alt="Screenshot 2025-10-07 at 22 12 51" src="https://github.com/user-attachments/assets/dcbd1470-8bdd-453a-8fc0-20da26bc3e27" /> | <img width="471" height="288" alt="Screenshot 2025-10-07 at 21 44 36" src="https://github.com/user-attachments/assets/7f2c5b10-44cf-4efc-a902-dd72889b3043" /> | ## Package updates ## [`v106.7.0`](https://github.com/elastic/eui/releases/v106.7.0) - Updated `EuiComboBox` to properly break long strings without spaces when `rowHeight="auto"` ([#9063](elastic/eui#9063)) - Added `data-test-subj` support to `EuiDatePicker` and `EuiDatePickerRange` for improved testability. Propagates to main component wrappers, inputs, clear buttons, calendar navigation, and popover panels. ([#9042](elastic/eui#9042)) - Added `streamsClassic` and `streamsWired` icons ([#9017](elastic/eui#9017)) - Updated icons based on feedback: `boxesVertical`, `documentation`, `error`, `export`, `filter`, `filterExclude`, `filterIgnore`, `filterInclude`, `grab`, `grabOmnidirectional`, `grabHorizontal`, `importAction`, `indexTemporary`, `link`, `list`, `magnifyWithExclamation`, `magnifyWithMinus`, `magnifyWithPlus`, `minus`, `minusInCircle`, `pencil`, `pin`, `pinFilled`, `plus`, `plusInCircle`, `question`, `search`, `sortLeft`, `sortRight`, `sortDown`, `sortUp`, `sortable`, `unlink`. ([#9026](elastic/eui#9026)) - Added new icon: `backgroundTask`. ([#9026](elastic/eui#9026)) - Marked icons for deprecation: `boxesHorizontal`, `checkInCircleFilled`, `copyClipboard`, `documentEdit`, `errorFilled`, `expandMini`, `filterInCircle`, `lettering`, `listAdd`, `minusInCircleFilled`, `newChat`, `playFilled`, `plusInCircleFilled`, `submodule`, `tableDensityNormal`, `warningFilled`. ([#9026](elastic/eui#9026)) - Added `workflowsApp` icon ([#9011](elastic/eui#9011)) - Added `EuiFormControlButton` component for usage as input-styled button within `EuiFormControlLayout` ([#9006](elastic/eui#9006)) - Updated `EuiSuperDatePicker` to use `EuiFormControlButton` when a prettified duration button is rendered ([#9006](elastic/eui#9006)) **Bug fixes** - Fixed `EuiInMemoryTable` not firing the `search.onChange` callback when `searchFormat` equals `text`. ([#9059](elastic/eui#9059)) - Fixed `columns` in `EuiDataGrid` not being rendered in the correct order as defined by `columnVisibility.visibleColumns` which resulted in unexpected updates when reordering columns ([#9030](elastic/eui#9030)) **Accessibility** - Improved color contrast of non-interactive `EuiBreadcrumbs` items in dark mode ([#9071](elastic/eui#9071)) - Make `EuiProgress` respect user's reduced motion setting by not animating when in indeterminite state. ([#9054](elastic/eui#9054)) ### `@elastic/eui-theme-borealis` ## [`v3.5.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md#v350) - Updated color value of `textSubdued` and legacy `subduedText` in dark mode from `#8E9FBC` to `#98A8C3` ([#9071](elastic/eui#9071)) **Bug fixes** - Fixed values of `$euiFormBackground` and `$euiFormBackgroundReadOnlyColor` to match JS tokens ([#9067](elastic/eui#9067)) --------- Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Lene Gadewoll <[email protected]>

- `@elastic/eui`: `v106.6.0` ⏩ `v106.7.0` - `@elastic/eui-theme-borealis`: `v3.4.0` ⏩ `v3.5.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) --- ## Changes - replaced usages of `EuiButtonEmpty` in Discover `change_dataview` and `EuiFilterButton` in Dashboard `options_list_control `with the newly added `EuiFormControlButton` component to ensure cohesive form layout styling (EUI [elastic#9006](elastic/eui#9006)) **Discover** | before | after | |---|---| | <img width="434" height="369" alt="Screenshot 2025-10-07 at 22 13 23" src="https://github.com/user-attachments/assets/488984a0-a6a1-488e-8db5-588c84be6765" /> | <img width="418" height="365" alt="Screenshot 2025-10-07 at 22 20 16" src="https://github.com/user-attachments/assets/16164d3f-0b8d-4ceb-a971-a10a6d1f5aee" /> | | <img width="432" height="371" alt="Screenshot 2025-10-07 at 22 12 39" src="https://github.com/user-attachments/assets/37fd32f5-6d15-459d-9e14-776a671b7fd6" /> | <img width="423" height="372" alt="Screenshot 2025-10-07 at 22 21 16" src="https://github.com/user-attachments/assets/846eb3f6-7d39-4c6e-9e22-42b694f9a276" /> | **Dashboard** | before | after | |---|---| | <img width="475" height="288" alt="Screenshot 2025-10-07 at 22 13 13" src="https://github.com/user-attachments/assets/4ff88734-18d7-456a-991d-ba491550a4dd" /> | <img width="432" height="292" alt="Screenshot 2025-10-07 at 17 44 25" src="https://github.com/user-attachments/assets/6e97337f-11e6-4213-a80b-5424dcb3ee38" /> | | <img width="475" height="289" alt="Screenshot 2025-10-07 at 22 12 51" src="https://github.com/user-attachments/assets/dcbd1470-8bdd-453a-8fc0-20da26bc3e27" /> | <img width="471" height="288" alt="Screenshot 2025-10-07 at 21 44 36" src="https://github.com/user-attachments/assets/7f2c5b10-44cf-4efc-a902-dd72889b3043" /> | ## Package updates ## [`v106.7.0`](https://github.com/elastic/eui/releases/v106.7.0) - Updated `EuiComboBox` to properly break long strings without spaces when `rowHeight="auto"` ([elastic#9063](elastic/eui#9063)) - Added `data-test-subj` support to `EuiDatePicker` and `EuiDatePickerRange` for improved testability. Propagates to main component wrappers, inputs, clear buttons, calendar navigation, and popover panels. ([elastic#9042](elastic/eui#9042)) - Added `streamsClassic` and `streamsWired` icons ([elastic#9017](elastic/eui#9017)) - Updated icons based on feedback: `boxesVertical`, `documentation`, `error`, `export`, `filter`, `filterExclude`, `filterIgnore`, `filterInclude`, `grab`, `grabOmnidirectional`, `grabHorizontal`, `importAction`, `indexTemporary`, `link`, `list`, `magnifyWithExclamation`, `magnifyWithMinus`, `magnifyWithPlus`, `minus`, `minusInCircle`, `pencil`, `pin`, `pinFilled`, `plus`, `plusInCircle`, `question`, `search`, `sortLeft`, `sortRight`, `sortDown`, `sortUp`, `sortable`, `unlink`. ([elastic#9026](elastic/eui#9026)) - Added new icon: `backgroundTask`. ([elastic#9026](elastic/eui#9026)) - Marked icons for deprecation: `boxesHorizontal`, `checkInCircleFilled`, `copyClipboard`, `documentEdit`, `errorFilled`, `expandMini`, `filterInCircle`, `lettering`, `listAdd`, `minusInCircleFilled`, `newChat`, `playFilled`, `plusInCircleFilled`, `submodule`, `tableDensityNormal`, `warningFilled`. ([elastic#9026](elastic/eui#9026)) - Added `workflowsApp` icon ([elastic#9011](elastic/eui#9011)) - Added `EuiFormControlButton` component for usage as input-styled button within `EuiFormControlLayout` ([elastic#9006](elastic/eui#9006)) - Updated `EuiSuperDatePicker` to use `EuiFormControlButton` when a prettified duration button is rendered ([elastic#9006](elastic/eui#9006)) **Bug fixes** - Fixed `EuiInMemoryTable` not firing the `search.onChange` callback when `searchFormat` equals `text`. ([elastic#9059](elastic/eui#9059)) - Fixed `columns` in `EuiDataGrid` not being rendered in the correct order as defined by `columnVisibility.visibleColumns` which resulted in unexpected updates when reordering columns ([elastic#9030](elastic/eui#9030)) **Accessibility** - Improved color contrast of non-interactive `EuiBreadcrumbs` items in dark mode ([elastic#9071](elastic/eui#9071)) - Make `EuiProgress` respect user's reduced motion setting by not animating when in indeterminite state. ([elastic#9054](elastic/eui#9054)) ### `@elastic/eui-theme-borealis` ## [`v3.5.0`](https://github.com/elastic/eui/blob/main/packages/eui-theme-borealis/changelogs/CHANGELOG_2025.md#v350) - Updated color value of `textSubdued` and legacy `subduedText` in dark mode from `#8E9FBC` to `#98A8C3` ([elastic#9071](elastic/eui#9071)) **Bug fixes** - Fixed values of `$euiFormBackground` and `$euiFormBackgroundReadOnlyColor` to match JS tokens ([elastic#9067](elastic/eui#9067)) --------- Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Lene Gadewoll <[email protected]>

MichaelMarcialis added 5 commits September 16, 2025 11:19

Updating icons per feedback from batches 1–3

f8136df

added changelog

7b1559a

Merge branch 'main' of github.com:elastic/eui into icon-updates-batch…

d72c539

…es-1-3

Mark deprecations, supply aliases to avoid breaks

dc65b1d

updated snapshots

e896b74

MichaelMarcialis marked this pull request as ready for review September 16, 2025 18:27

MichaelMarcialis requested a review from a team as a code owner September 16, 2025 18:27

weronikaolejniczak self-requested a review September 19, 2025 09:37

MichaelMarcialis added 2 commits September 19, 2025 16:35

Merge branch 'main' of github.com:elastic/eui into icon-updates-batch…

d00ce23

…es-1-3

update visual regression screenshots

5342ed9

weronikaolejniczak approved these changes Sep 22, 2025

View reviewed changes

MichaelMarcialis added 4 commits September 22, 2025 14:55

updated magnify icons per feedback

7204f15

Merge branch 'main' of github.com:elastic/eui into icon-updates-batch…

b13650e

…es-1-3

updated snapshots

717d997

update visual regression screens

9e01853

MichaelMarcialis requested a review from ryankeairns September 23, 2025 12:24

ryankeairns approved these changes Sep 23, 2025

View reviewed changes

MichaelMarcialis merged commit ab36d23 into elastic:main Sep 23, 2025
5 checks passed

MichaelMarcialis deleted the icon-updates-batches-1-3 branch September 23, 2025 14:35

kertal mentioned this pull request Sep 26, 2025

[Background search] Add background search icon to EUI elastic/kibana#230268

Closed

acstll mentioned this pull request Oct 6, 2025

Upgrade EUI to v106.7.0 elastic/kibana#237661

Merged

tsullivan pushed a commit that referenced this pull request Oct 15, 2025

Updating icons per feedback from batches 1–3 (#9026)

108a9cd

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Updating icons per feedback from batches 1–3 #9026

Updating icons per feedback from batches 1–3 #9026

Uh oh!

MichaelMarcialis commented Sep 16, 2025 •

edited by JasonStoltz

Loading

Uh oh!

weronikaolejniczak commented Sep 19, 2025

Uh oh!

MichaelMarcialis commented Sep 19, 2025

Uh oh!

weronikaolejniczak left a comment •

edited

Loading

Uh oh!

MichaelMarcialis commented Sep 22, 2025

Uh oh!

elasticmachine commented Sep 22, 2025

Uh oh!

elasticmachine commented Sep 22, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Updating icons per feedback from batches 1–3 #9026

Updating icons per feedback from batches 1–3 #9026

Uh oh!

Conversation

MichaelMarcialis commented Sep 16, 2025 • edited by JasonStoltz Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Why are we making this change?

Screenshots #

Refreshed Icons

Deprecated icons

Impact to users

QA

General checklist

Uh oh!

weronikaolejniczak commented Sep 19, 2025

Uh oh!

MichaelMarcialis commented Sep 19, 2025

Uh oh!

weronikaolejniczak left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

MichaelMarcialis commented Sep 22, 2025

Uh oh!

elasticmachine commented Sep 22, 2025

💚 Build Succeeded

History

Uh oh!

elasticmachine commented Sep 22, 2025

💚 Build Succeeded

History

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

MichaelMarcialis commented Sep 16, 2025 •

edited by JasonStoltz

Loading

weronikaolejniczak left a comment •

edited

Loading