The close icon as defined by the [[ https://wikimedia.github.io/WikimediaUI-Style-Guide/visual-style_icons.html | WikimediaUI icon principles ]]. OOUI is already featuring the correct icon.
| | Product | Description | Code | Screenshot
| | -- | -- | -- | --
| {icon check color=green} | OOUI | [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=desktop#widgets-mediawiki-vector-ltr | Uses the correct icon ]] | | {F9379666}
| {icon check color=green} | Post-Edit Feedback popup | Uses the Unicode × glyph with hover behavior | Extension:PostEdit outputs CSS generated content `×` with style rules. | {F7451633}
| {icon exclamation-triangle color=red} | Recent CentralNotice banners | "x in a circle" icon, no :hover behavior | Extension:CentralNotice outputs an img tag showing :$wgNoticeCloseButton which defaults to https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png | https://upload.wikimedia.org/wikipedia/commons/3/37/CentralNotice_banner_2013-05-03.png
| - | ~~Visual Editor Feedback dialog~~ | As of 2017-09 not an issue any more => converted to OOUI | | {F9404470}
| {icon check color=green} | ULS | ~~Thicker stroke “x” SVG, no :hover behavior~~ | Extension:UniversalLanguageSelector custom `.uls-icon-close` class | {F9362244} After: {F9404483}
| {icon check color=green} | Extension:Translate | ~~Similar to ULS, different icon though, as it's minimally smaller in layout~~ | `.grid .tux-message-editor .close` | {F9405760}
| {icon check color=green} | Extension:GuidedTour | different icon with different size | `.guider_close` |
| {icon check color=green} | Extension:GettingStarted | different icon with different size and lighter grey | `.mw-gettingstarted-cta-close` | {F10172642} After: {F10188673}
| {icon exclamation-triangle color=red} | Extension:PagePreviews | different icon, bolder and bigger | | {F10318266}
The differences make WMF wikis feel unpolished.
--------------------------
Original report:
**Version**: 1.22.0