== Background/Goal
The current [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=desktop | Wikimedia icon set ]] is limited as there is no "tokenisable" way to add icons in all the colours of the style guide, and at a size other than 20x20dp. We should address this as part of the Codex effort (tracked in T277047).
Specific examples:
- {T301938} (needs 16px icon in Base30)
==== Colour
Limitations and lack of clarity on how to implement at in different palette colours. E.g., in the Growth projects, we are using the robot icon to denote a task as one suggested by machines. We would like to have it appear in Green30, Yellow30 or Red30 next to the corresponding difficulty level text colour but this is not currently an easy thing to achieve using the OOUI icon set. {F34408473}
==== Size
The DSG is missing guidance on setting at different sizes in certain context (e.g., when in use as an illustration or in headers as a decorative element) {F34408475} {F34408477}
==== Use inline with text elements
Easily enabling inclusion of icons when used in for example help text. This includes having the ability to also specify size that is smaller than the 20x20dp. Example from the Growth teams's newcomer help panel and homepage features:
{F34453840} {F34453827}
=== User stories
As a designer, I need to be able to use different icon sizes and colors in my designs and choose them according to the need of each use case.
=== Possible solutions with the icon size
- Redraw at a smaller size some icons if they always feel larger. This only makes sense if the problematic icons are a few and always look bigger than they should.
- Support an alternate size by scaling down the icons. This would lead to pixelation and we may want to select a size that minimizes the pixelation as much as possible.
- Define an alternate size and redraw all icons to try to best align them. This would require to review all icons and prepare each new icon in two sizes.
- Redraw all icons to a smaller size and use only that. This requires to review all icons, but there will be just one (hopefully more convenient) size.
=== Acceptance criteria (or Done)
[] Decide how we solve the problem with the icon sizes
[] Solve problem with icon colors