Skip to content

[EuiIcon] Replace deprecated and renamed icons in Kibana #9374

@tkajtoch

Description

@tkajtoch

Summary

Now that some EUI icons are marked as deprecated and aliases for removed icons exist, we need to replace all deprecated and renamed icons in the Kibana codebase so that we can safely remove the aliases and deprecations from EUI in the near future.

This issue is estimated to take 2 days of work, but is expected to stay in review for 1-2 weeks. There are about 1900 files to update, and the changes will need to be split into reasonably sized PRs.

Acceptance criteria

  • All EuiIcon usages should be scanned to replace deprecated icons with recommended alternatives based on the table below
  • After the replacement is done, EuiIcon should be temporarily modified to throw an error whenever a deprecated icon is used to ensure there are no deprecated icon usages left
  • A manual QA should be done to double-check that the replacements work as expected and look correct
  • Changes should be divided into reasonably sized PRs, split by codeowners to ensure a quick and easy review process

List of deprecated icon names and their replacements

Original icon name New icon name / replacement Preview Comment
alert warning Image 🟢 rename
anomalyChart chartAnomaly Image 🟢 rename
apmTrace chartWaterfall Image 🟢 rename
arrowDown chevronSingleDown Image 🟢 rename
arrowLeft chevronSingleLeft Image 🟢 rename
arrowRight chevronSingleRight Image 🟢 rename
arrowUp chevronSingleUp Image 🟢 rename
arrowStart chevronLimitLeft Image 🟢 rename
arrowEnd chevronLimitRight Image 🟢 rename
beaker flask Image 🟢 rename
boxesHorizontal boxesVertical Image 🟢 rename
changePointDetection chartChangePoint Image 🟢 rename
checkInCircleFilled checkCircleFill Image 🟢 rename
cheer popper Image 🟡 update
color paintBucket Image 🟡 update
compute processor Image 🟡 update
console commandLine Image 🟢 rename
contrastHigh contrastFill Image 🟢 rename
controlsHorizontal controls Image 🟢 rename
controlsVertical controls Image 🟢 rename
copyClipboard copy Image 🟢 rename
crossInCircle crossCircle Image 🟢 rename
crosshairs crosshair Image 🟢 rename
currency money Image 🟡 update
cut scissors Image 🟡 update
desktop display Image 🟢 rename
diff compare Image 🟢 rename
discuss comment Image 🟢 rename
documentEdit pencil Image 🟡 update
doubleArrowLeft chevronDoubleLeft Image 🟢 rename
doubleArrowRight chevronDoubleRight Image 🟢 rename
editorAlignCenter textAlignCenter Image 🟡 update
editorAlignLeft textAlignLeft Image 🟡 update
editorAlignRight textAlignRight Image 🟡 update
editorBold textBold Image 🟡 update
editorChecklist listCheck Image 🟢 rename
editorCodeBlock code Image 🟢 rename
editorComment comment Image 🟢 rename
editorDistributeHorizontal distributeHorizontal Image 🟢 rename
editorDistributeVertical distributeVertical Image 🟢 rename
editorHeading textHeading Image 🟡 update
editorItalic textItalic Image 🟡 update
editorItemAlignBottom alignBottom 🟢 rename
editorItemAlignCenter alignCenterHorizontal Image 🟢 rename
editorItemAlignLeft alignLeft Image 🟢 rename
editorItemAlignMiddle alignCenterVertical Image 🟢 rename
editorItemAlignRight alignRight Image 🟢 rename
editorItemAlignTop alignTop Image 🟢 rename
editorLink link Image 🟢 rename
editorOrderedList listNumber Image 🟢 rename
editorPositionBottomLeft alignBottomLeft Image 🟢 rename
editorPositionBottomRight alignBottomRight Image 🟢 rename
editorPositionTopLeft alignTopLeft Image 🟢 rename
editorPositionTopRight alignTopRight Image 🟢 rename
editorRedo redo Image 🟡 update
editorStrike textStrike Image 🟡 update
editorTable table Image 🟢 rename
editorUnderline textUnderline Image 🟡 update
editorUndo undo Image 🟡 update
editorUnorderedList listBullet Image 🟢 rename
email mail Image 🟡 update
eql query Image 🟡 update
errorFilled errorFill Image 🟡 update
exit logOut Image 🟡 update
expand maximize Image 🟢 rename
expandMini maximize Image 🟢 rename
exportAction upload Image 🟢 rename
eyeClosed eyeSlash Image 🟡 update
fieldStatistics tableInfo Image 🟡 update
filterInCircle filter Image 🟢 rename
glasses readOnly Image 🟡 update
grab dragVertical Image 🟢 rename
grabHorizontal dragHorizontal Image 🟢 rename
grabOmnidirectional drag Image 🟢 rename
heatmap chartHeatmap Image 🟢 rename
importAction download Image 🟢 rename
indexFlush chartThreshold Image 🟢 rename
indexMapping mapping Image 🟡 update
indexTemporary tableTime Image 🟡 update
invert contrast Image 🟢 rename
kqlField queryField Image 🟡 update
kqlOperand queryOperand Image 🟡 update
kqlSelector querySelector Image 🟡 update
kqlValue queryValue Image 🟡 update
launch rocket Image 🟡 update
lettering text Image 🟢 rename
lineDashed lineDash Image 🟡 update
lineDotted lineDot Image 🟡 update
list listBullet Image 🟢 rename
listAdd plusCircle Image 🟡 update
logPatternAnalysis pattern Image 🟡 update
logstashIf if Image 🟡 update
logstashQueue queue Image 🟢 rename
magnifyWithExclamation magnifyExclamation Image 🟢 rename
magnifyWithMinus magnifyMinus Image 🟡 update
magnifyWithPlus magnifyPlus Image 🟡 update
mapMarker waypoint Image 🟡 update
minusInCircle minusCircle Image 🟡 update
minusInCircleFilled minusCircle Image 🟡 update
minusInSquare minusSquare Image 🟡 update
newChat plusCircle Image 🟡 update
node vectorTriangle Image 🟡 update
offline wifiSlash Image 🟡 update
online wifi Image 🟡 update
pinFilled pinFill Image 🟡 update
pipeBreaks lineBreak Image 🟡 update
pipeNoBreaks lineBreakSlash Image 🟡 update
playFilled play Image 🟢 rename
plusInCircle plusCircle Image 🟡 update
plusInCircleFilled plusCircle Image 🟡 update
plusInSquare plusSquare Image 🟡 update
popout external Image 🟢 rename
productRobot productAgent Image 🟢 rename
push send Image 🟡 update
returnKey return Image 🟡 update
search magnify Image 🟡 update
securitySignal radar Image 🟡 update
starEmpty star Image 🟡 update
starFilled starFill Image 🟡 update
starFilledSpace starFillSpace Image 🟢 rename
starMinusFilled starMinusFill Image 🟢 rename
starPlusFilled starPlusFill Image 🟢 rename
stopFilled stopFill Image 🟢 rename
streamsClassic productStreamsClassic Image 🟢 rename
streamsWired productStreamsWired Image 🟡 update
submodule merge Image 🟡 update
tableDensityCompact tableDensityHigh Image 🟢 rename
tableDensityExpanded tableDensityLow Image 🟢 rename
tableDensityNormal table Image 🟢 rename
temperature thermometer Image 🟡 update
timeRefresh refreshTime Image 🟢 rename
timeslider clockControl Image 🟢 rename
training presentation Image 🟡 update
unlink linkSlash Image 🟢 rename
userAvatar user Image 🟢 rename
vector vectorSquare Image 🟡 update
visArea chartArea Image 🟢 rename
visAreaStacked chartAreaStack Image 🟢 rename
visBarHorizontal chartBarHorizontal Image 🟢 rename
visBarHorizontalStacked chartBarHorizontalStack Image 🟢 rename
visBarVertical chartBarVertical Image 🟢 rename
visBarVerticalStacked chartBarVerticalStack Image 🟢 rename
visGauge chartGauge Image 🟢 rename
visLine chartLine Image 🟢 rename
visMapCoordinate waypoint Image 🟡 update
visMapRegion map Image 🟡 update
visMetric chartMetric Image 🟢 rename
visPie chartPie Image 🟢 rename
visTable table Image 🟢 rename
visTagCloud chartTagCloud Image 🟢 rename
visText text Image 🟢 rename
visVega code Image 🟢 rename
warningFilled warningFill Image 🟡 update
tokenDenseVector tokenVectorDense Image 🟢 rename
help ⚠️ not recommended to use; may be deprecated in the future

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions