Vector 2022 user menu icons are smaller and blurry in wmf.1.
| https://test.wikipedia.org/wiki/Special:Version (1.45.0-wmf.1) | https://en.wikipedia.org/wiki/Special:Version (1.44.0-wmf.28)
| -- | --
| {F59946289 size=full} | {F59946293 size=full}
=== Developer notes
As of Codex v2.0.0-rc.1 the tokens output is
```
@min-size-icon-x-small: 10px;
@min-size-icon-small: 14px;
@min-size-icon-medium: 18px;
@size-icon-x-small: calc( @font-size-medium - 4px );
@size-icon-small: @font-size-medium;
@size-icon-medium: calc( @font-size-medium + 4px );
```
With Vector setting `--font-size-medium: @font-size-small;` in CSSCustomProperties, we end up with value of 0.875rem, which results in 18x18 px icons.
`.vector-icon` is currently used at:
- PageToolbar
- Watchstar
- LanguageDropdown
- Icon
- #p-lang-btn-label.cdx-button--icon-only, #vector-page-titlebar-toc-label, .vector-header .cdx-button.cdx-button--icon-
only with Tablet override