Skip to content

[EuiIcon] Add primitive shapes into the EUI icon set #9671

@sbelastic

Description

@sbelastic

Metaphor

The icons we need specifically are the circle and diamond shape (not filled) but I'd say any primitive shape makes sense being added.

Do alternative icon or workarounds exist?

I can get similar(ish) alternatives if:

  • I use the dot icon with a 2x scale for the circle (but it's a 'filled' circle)
  • If i use the stopFilled icon rotated 45 degrees for the diamond shape (but it's a 'filled' diamond')

Use Case

To add it as a Legend to the Service Map in APM, in observability, in Kibana (see image bellow)

Image

Value / Impact

  • These icons are going to be used in a legend, and the usefulness of a legend is pretty large for new users
  • I'd say primitive shapes are useful for everyone (and even if we don't need it right now, consider adding the filled alternatives)

Urgency

The feature is somewhat urgent but because these are basic shapes it can be 'circumvented' easily with SVG's

Related code or customizations

It's in this PR, the workarounds mentioned above (might change it to an SVG or keep the filled alternatives, will confirm with team about this)

Additional context (Optional)

It's in photo above.

Design proposal (Optional)

It's also in photo above.

Metadata

Metadata

Assignees

No one assigned

    Labels

    icons⚠️ needs validationFor bugs that need confirmation as to whether they're reproducible
    No fields configured for Enhancement.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions