Contribution: Legend

[voranouth-s]

1. Team name

IBM Watson Studio

2. Icon name

Legend

3. Please briefly describe what the icon is supposed to represent and the use case(s) its being used for.

The legend icon is intended for a visualization's legend; A visualization legend is used to identify data by color, icon, shape, size and other key features.

In Watson Studio's case, we have a legend within a panel and need to have an icon to represent the visualization's legend. A user is able to click the icon to open, enable, or close the panel.

4. Box Link

https://ibm.box.com/s/l0h6mvt5i0gm8jhcnglz8nftbbb7gaba
Please let me know if this link does not work.

5. Screen Shot

With pixel grid:

I am having a couple of issues with the 16 px icon design. The left 16 px icon is the minimized version of the 32 px icon (far right icon), but the middle item (square and line) falls on a half pixel. The middle 16 px icon is pixel perfect, but does not fall vertically centered within 16 px. The question I have is which 16 px icon design is correct / should I go with? Thanks in advance!

Without pixel grid:

In context:

[conradennis]

@voranouth-s thanks for the submission. we typically create our icons only at size 32px and then scale them to the other sizes so I don't think a bespoke 16px icon with slightly different placement is the solution.

Either we accept the middle line sitting on a half pixel which happens in many of the icons in the library or you could explore an option like the set below, maybe with strokes for the shapes instead of solids. Fell free to slack me @ ctennis to have a quicker back and forth

[voranouth-s]

Hi @conradennis,
Thank you for the suggestion of the list (2 lines vs 3); it worked out better for us.

If needed, you can re-access that icon using the same box link above.

[conradennis]

@voranouth-s Great, i'm adding the icon to the repo/master soon. I made a tweak and changed the circle to a square to differentiate the icon a bit more from the "list--bulleted" icon. I can send over the official SVG today if you slack me directly.

[mjabbink]

@conradennis Can we close this?