Added icon in figma.
Metaphor
A dashboard with an “add” action represented by the existing dashboard glyph combined with a small “+” sub-glyph (e.g. bottom-right corner) to convey “add to dashboard”.
Do alternative icon or workarounds exist?
Current alternatives include plus / plusInCircle and dashboardApp.
plus / plusInCircle are too generic and already used in Discover for adding fields to search, which creates ambiguity.dashboardApp represents a dashboard in isolation and does not convey the action of adding something to it.
No existing icon clearly communicates “add to dashboard”.
Use Case
Primarily in Discover, where users can add visualizations to a dashboard.
This pattern is appearing more frequently as new features and workflows are introduced, and requires a clear and consistent icon to represent the action.
Value / Impact
- Improves clarity of user actions by distinguishing between different types of “add” interactions
- Reduces ambiguity caused by reusing generic “plus” icons
- Provides a reusable pattern for other “add to X” actions across Kibana
Value is high both for end-users (clearer UX) and for product teams (more consistent iconography). This is not an edge case as sage is growing with new workflows in Discover and potentially beyond.
Urgency
Medium.
Not an immediate blocker, but increasingly needed as more features rely on this interaction pattern. Having a proper icon would prevent inconsistent or ambiguous implementations.
Related code or customizations
- Current usage of
plus / plusInCircle in Discover for adding fields to search
- Usage of
dashboardApp where an “add to dashboard” action is needed but not clearly represented
(Links can be added if specific implementations are identified)
Additional context (Optional)
We already use sub-glyph patterns in EUI icons (e.g. filterInclude), which could be extended here to represent combined meaning (object + action).
Design proposal (Optional)
Proposed direction:
- Base: existing
dashboardApp icon
- Add: small “+” sub-glyph in bottom-right corner
- Goal: maintain recognizability of the dashboard while clearly indicating the “add” action
Will explore variations and share visual proposals following EUI icon guidelines.
Added icon in figma.
Metaphor
A dashboard with an “add” action represented by the existing dashboard glyph combined with a small “+” sub-glyph (e.g. bottom-right corner) to convey “add to dashboard”.
Do alternative icon or workarounds exist?
Current alternatives include
plus/plusInCircleanddashboardApp.plus/plusInCircleare too generic and already used in Discover for adding fields to search, which creates ambiguity.dashboardApprepresents a dashboard in isolation and does not convey the action of adding something to it.No existing icon clearly communicates “add to dashboard”.
Use Case
Primarily in Discover, where users can add visualizations to a dashboard.
This pattern is appearing more frequently as new features and workflows are introduced, and requires a clear and consistent icon to represent the action.
Value / Impact
Value is high both for end-users (clearer UX) and for product teams (more consistent iconography). This is not an edge case as sage is growing with new workflows in Discover and potentially beyond.
Urgency
Medium.
Not an immediate blocker, but increasingly needed as more features rely on this interaction pattern. Having a proper icon would prevent inconsistent or ambiguous implementations.
Related code or customizations
plus/plusInCirclein Discover for adding fields to searchdashboardAppwhere an “add to dashboard” action is needed but not clearly represented(Links can be added if specific implementations are identified)
Additional context (Optional)
We already use sub-glyph patterns in EUI icons (e.g.
filterInclude), which could be extended here to represent combined meaning (object + action).Design proposal (Optional)
Proposed direction:
dashboardAppiconWill explore variations and share visual proposals following EUI icon guidelines.