Overview of the [[ https://doc.wikimedia.org/oojs-ui/master/demos/#icons-mediawiki-ltr | WikimediaUI icon collection ]], which lives in OOUI repository, if, in which products and how they are used.
Status of OOUI v0.24.0.
Based on that, let's open subtasks when icons are
* better moved in other packs/places,
* or removed at all.
| Icon name | in use | location | intentional use/comment
| -- | -- | -- | --
| **Icons – movement** | {icon check color=green} | Flow |
| -- | -- | -- | --
| arrowLast | {icon exclamation-triangle color=yellow} in use? | | Planned in MinervaNeue
| arrowNext | {icon exclamation-triangle color=yellow} in use? | |
| downTriangle | | |
| upTriangle | | |
| clip | {icon check color=green} | MW RCFilters | Added in v0.21.3
| unClip | {icon check color=green} | MW RCFilters | Added in v0.21.3
| collapse | {icon check color=green} | OOUI | Toolbar
| expand | {icon check color=green} | OOUI, VE | Widgets, Toolbar; Media info, error blocks
| move | {icon exclamation-triangle color=yellow} to deprecate? | Extension:CollaborationKit | CollaborationKit seems to be the only place where it's in use
| first | {icon check color=green} | MW | Added in v0.21.3; First search results page button
| next | {icon check color=green} | VE | Find and replace 'next' button
| previous | {icon check color=green} | VE | Find and replace 'previous' button
| last | {icon check color=green} | VE | Added in v0.21.3; Last search results page button
| draggable | | | {icon check color=green} in use in OOUI demo for “DraggableGroupWidget with handles (vertical)”, moved from 'layout' and renamed from “stripeSideMenu”
| **Icons – content** | {icon check color=green} | MW, Notifications, Flow |
| -- | -- | -- | --
| article | | |
| articles | | |
| articleCheck | | |
| articleSearch | | |
| articleRedirect | | |
| citeArticle | | |
| book | | |
| die | | |
| download | | |
| folderPlaceholder | | |
| history | {icon exclamation-circle color=yellow} | | Vaguely planned for VE this coming quarter
| Info | {icon check color=green} | OOUI, VE | Help layout; template parameter and media file details
| journal | | |
| newspaper | | |
| tag | {icon check color=green} | VE | as “Categories”
| window | {icon check color=green} | VE | as “Option”
| upload | {icon check color=green} | OOUI | SelectFileWidget
| **Icons – alerts** | {icon check color=yellow} | Notifications, VE | Notifications actually uses a local copy of the icons because of the clutter here
| -- | -- | -- | --
| alert | {icon check color=green} | VE | Page notices and alerts
| bell | {icon check color=green} | Notifications | Notifications actually uses a local copy of this
| bellOn | {icon exclamation-triangle color=red} to deprecate | | See T145163
| comment | {icon check color=green} | VE | Feedback link, {icon exclamation-triangle color=yellow} to be merged with 'speechBubble'
| message | {icon check color=green} | Notifications | Notifications actually uses a local copy of this
| notice | {icon check color=green} | VE | {icon exclamation-triangle color=yellow} similar as “Alert (Indicators)”; used as “[HTML] Comment” icon in VE
| speechBubble | | |
| speechBubbleAdd | | |
| speechBubbles | {icon check color=green} | Echo, CX, PageTriage |
| tray | {icon check color=green} | Notifications | Notifications actually uses a local copy of this
| **Icons – interactions** | {icon check color=yellow} | | |
| -- | -- | -- | --
| add | {icon check color=green} | OOUI, VE | "Insert paragraph"; insert transclusion component
| advanced | {icon check color=green} | VE | "Advanced settings"
| browser | {icon exclamation-triangle color=yellow} in use? | |
| cancel | {icon check color=green} | VE | {icon exclamation-triangle color=yellow} as “Clear styling”
| check | {icon check color=green} | OOUI | Toolbar, Checkbox
| clear | {icon exclamation-triangle color=yellow} in use? | | Could probably be merged with indicator clear, scaling might be a problem
| clock | {icon check color=green} | VE, Flow | VE: MWMediaDialog; Flow: Reorder topics
| close | {icon check color=green} | //VE//, Kartographer | VE: Debug bar only; Kartographer: close full screen
| ellipsis | {icon check color=green} | OOUI | Toolbar
| feedback | {icon check color=green} | MW RCFilters | Added in v0.19.4
| funnel | {icon check color=green} | MW RCFilers, MobileFrontend | MobileFrontend: Filter button in NotificationsInputWidget
| heart | {icon exclamation-triangle color=yellow} in use? | | Even if not in use, should probably stay in a decent icon collection
| help | {icon check color=green} | VE | Help item
| key | {icon exclamation-triangle color=yellow} in use? | | Even if not in use, should probably stay in a decent icon collection
| keyboard | {icon check color=green} | VE | MWPopupTool
| lightbulb | | CX | Planned to be used for suggestions in CX 2, added in OOUI v0.25.0, see T175006
| logOut |{icon exclamation-circle color=red} in use? | | Should be used in MobileFrontend, which currently uses a custom icon, visually completely off
| newWindow | | | {icon exclamation-triangle color=yellow} very similar to LinkExternal (editing-core, below)
| printer | {icon exclamation-triangle color=yellow} in use? | | Even if not in use, should probably stay in a decent icon collection
| reload | {icon check color=green} | MW RCFilters | Added in v0.23.4, also planned for CX 2
| search | {icon check color=green} | MW, VE | All search TextInputWidgets
| settings | {icon check color=green} | VE | "Page settings"
| subtract | {icon check color=green} | OOUI | Added in v0.19.5
| **Icons – moderation** | {icon check color=green} | Notifications, Flow |
| -- | -- | -- | --
| block | | |
| unBlock | | | Renamed from “blockUndo”, see T148269
| flag | | |
| unFlag | | | Renamed from “flagUndo”, T148269
| lock | | |
| unLock | | |
| ongoingConversation | | |
| star | | |
| halfStar | {icon exclamation-triangle color=yellow} | | Added in v0.19.1. Plan to be used in VoteNY, T156553
| unStar | | |
| trash | | |
| unTrash | | | Renamed from “trashUndo”, ideas around has been also “Restore” – arguments given in T148269
| pushPin | | | Added in v0.21.3
| **Icons – editing-core**
| -- | -- | -- | --
| edit | {icon check color=green} | VE | Load editor (mobile site), switch to VE (desktop & mobile)
| editLock | | |
| editUndo | | |
| link | {icon check color=green} | VE | Link
| linkExternal | {icon check color=green} | VE | External link; {icon exclamation-triangle color=yellow} very similar to NewWindow (interactions, above)
| linkSecure | | |
| redo | {icon check color=green} | VE |
| undo | {icon check color=green} | VE |
| **Icons – editing-styling**
| -- | -- | -- | --
| bigger | {icon check color=green} | VE | `<big>` styling
| smaller | {icon check color=green} | VE | `<small>` styling
| subscript | {icon check color=green} | VE | `<sub>` styling
| superscript | {icon check color=green} | VE | `<sup>` styling
| bold | {icon check color=green} | VE | `<b>` styling
| italic | {icon check color=green} | VE | `<i>` styling
| highlight | {icon check color=green} | MW RCFilters |
| strikethrough | {icon check color=green} | VE | `<s>` styling
| underline | {icon check color=green} | VE | `<u>` styling
| textDirLTR | {icon check color=green} | VE | Language annotation
| textDirRTL | {icon check color=green} | VE | Language annotation
| textStyle | {icon check color=green} | VE | Styling menu
| **Icons – editing-list**
| -- | -- | -- | --
| indent | {icon check color=green} | VE | Lists
| listBullet | {icon check color=green} | VE | Lists
| listNumbered | {icon check color=green} | VE | Lists
| outdent | {icon check color=green} | VE | Lists
| **Icons – editing-advanced**
| -- | -- | -- | --
| alignCentre | {icon check color=green} | VE | Media dialog
| alignLeft | {icon check color=green} | VE | Media dialog
| alignRight | {icon check color=green} | VE | Media dialog
| attachment | | |
| calendar |{icon check color=green}|UploadWizard|Get details step
| code | {icon check color=green} | VE | `<code>` styling; could move to editing-styling?
| find | {icon check color=green} | VE | Search
| language | {icon check color=green} | www.wikipedia.org language button, [[ https://www.mediawiki.org/wiki/Universal_Language_Selector/Design/Interlanguage_links | collapsed language links (in beta) ]], VE | {F4392537} and {F4392547} seem different.
| layout | | |
| markup | {icon check color=green} | VE | SyntaxHighlight tool
| newline | | |
| noWikiText | | |
| outline | | |
| puzzle | {icon check color=green} | VE | Templates and extensions, since T111041
| quotes | {icon check color=green} | VE | Search
| quotesAdd | {icon exclamation-triangle color=red} will be deprecated | |
| searchCaseSensitive | {icon check color=green} | VE | Search
| searchDiacritic | {icon check color=green} | VE | Search, added in v0.19.4
| searchRegularExpression | {icon check color=green} | VE | Search
| signature | {icon check color=green} | VE | Moved from 'icons-alerts' in v0.23.0.
| specialCharacter | {icon check color=green} | VE | Toolbar
| table | {icon check color=green} | VE | Tables
| tableAddColumnAfter | {icon check color=green} | VE | Tables
| tableAddColumnBefore | {icon check color=green} | VE | Tables
| tableAddRowAfter | {icon check color=green} | VE | Tables
| tableAddRowBefore | {icon check color=green} | VE | Tables
| tableCaption | {icon check color=green} | VE | Tables
| tableMergeCells | {icon check color=green} | VE | Tables
| templateAdd | | |
| wikiText |{icon check color=green} | VE | Toolbar for switching
| **Icons – media**
| -- | -- | -- | --
| fullScreen | {icon check color=green} | Kartographer |
| image | | |
| imageAdd | | |
| imageLock | | |
| imageGallery | | VE | `<gallery>`
| play | {icon check color=green} | RCFilters: “Live updates” button |
| stop | {icon check color=green} | RCFilters: “Live updates” button |
| **Icons – location**
| -- | -- | -- | --
| map | {icon check color=green} | Kartographer |
| mapPin | {icon check color=green} | Special:UploadWizard |
| mapPinAdd | | |
| mapTrail | | | Renamed from “wikitrail” in v0.20.1
| **Icons – user**
| -- | -- | -- | --
| userActive | | |
| userAvatar | | |
| userInactive | | |
| userTalk | | |
| **Icons – layout**
| -- | -- | -- | --
| Menu | {icon check color=green} | VE | Toolbar menu
| stripeFlow | | |
| stripeSummary | | |
| stripeToC | {icon check color=green} | Flow | `.flow_block_board-history.handlebars` & `.flow_block_topic*.handlebars`
| viewCompact | | |
| viewDetails | | |
| **Icons – accessibility**
| -- | -- | -- | --
| bright | | |
| halfBright | | |
| notBright | | |
| eye | {icon exclamation-circle color=red} in use? | | For use in accessibility settings?! Deprecated from 'alerts' in v0.23.0 and moved here.
| eyeClosed | {icon exclamation-circle color=red} in use? | | Deprecated from 'alerts' in v0.23.0 and moved here.
| moon | | |
| largerText | | |
| smallerText | | |
| visionSimulator | | |
| **Icons – wikimedia**
| -- | -- | -- | --
| logoCC | | |
| logoWikimediaCommons | ||Might be used in [[ https://www.mediawiki.org/wiki/Extension:FileAnnotations/Design | FileAnnotations ]]
| logoWikimediaDiscovery | Discovery | | {icon exclamation-triangle color=yellow} Discovery team, used for printed t-shirts, was called “betaLaunch” till v0.18.3
| logoWikipedia | ||Might be used in [[ https://www.mediawiki.org/wiki/Extension:FileAnnotations/Design | FileAnnotations ]]
| **Indicators** | {icon check color=green} | OOUI |
| -- | -- | -- | --
| alert | | |
| clear | | |
| down | | |
| next | | |
| previous | | |
| required | | |
| search | | |
| up | | |
| **Textures** |
| -- | -- | -- | --
| pending | {icon check color=green} | OOUI | PendingElement |
| transparency | {icon exclamation-circle color=red} in use? | | |
---
**Removed icons over course of time:**
| Icon name | intentional use/comment
| -- | --
| ~~**Icons – core**~~ | {icon exclamation-triangle color=red} Removed in v0.22.0, icons here were moved to other packs
| -- | --
| ~~**Icons – movement**~~
| -- | --
| caretLast | {icon exclamation-triangle color=red} Removed in v0.23.0, merged with 'previous', 'next', 'collapse', 'expand'
| caretNext | {icon exclamation-triangle color=red} Removed in v0.23.0, merged with 'previous', 'next', 'collapse', 'expand'
| caretDown | {icon exclamation-triangle color=red} Removed in v0.23.0, merged with 'previous', 'next', 'collapse', 'expand'
| caretUp | {icon exclamation-triangle color=red} Removed in v0.23.0, merged with 'previous', 'next', 'collapse', 'expand'
|~~**Icons – interaction**~~
| -- | --
| ~~bookmark~~ | {icon exclamation-triangle color=red} Removed in v0.22.0
| sun | {icon exclamation-triangle color=red} Removed in v0.24.0
| watchlist | {icon exclamation-triangle color=red} Removed in v0.24.0.
| ~~**Icons – media**~~
| -- | --
| photoGallery | {icon exclamation-triangle color=red} Removed in v0.18.0, deprecated alias of ImageGallery