For follow up amendments, please visit T427868: Icon refinement follow ups
Background
The Codex icon library is in need of a refinement. Over the years, the icon library has been created from an inconsistent set of visual design standards, drawing from various libraries, without the uniformity an icon library benefits from. This is a very natural progression of an icon library, and could therefore use an overhaul.
Goals
- Refine entire icon library with more uniformity and visual balance
- Maintain visual balance for all icons at the base size (icons should not have to be resized to "feel right" next to other icons at the same "size".
Some icons may be added or updated before others, as needs arise.
This update will not include any changes to the Wikimedia logo icons. (cf T403134)
Audit
| icon | before | after | rtl? | notes |
|---|---|---|---|---|
| Add | no | |||
| Alert | no | |||
| AlignCenter | no | |||
| AlignLeft | no | |||
| AlignRight | no | |||
| Appearance | no | There is a task requesting a revision to the use of this icon, for the Appearance settings. Some ideas are a 'Tt', use of the Configure icon, or just different glasses. | ||
| ArrowDown | no | |||
| ArrowNext | yes | |||
| ArrowPrevious | yes | |||
| ArrowUp | no | |||
| Article | yes | |||
| ArticleAdd | no | |||
| ArticleCheck | no | |||
| ArticleDisambiguation | yes | |||
| ArticleNotFound | yes | |||
| ArticleRedirect | yes | |||
| ArticleSearch | no | |||
| Articles | yes | |||
| ArticlesSearch | yes | |||
| Attachment | no | |||
| Bell | no | |||
| BellOutline | no | |||
| Bigger | no | |||
| Block | no | |||
| BlockOutline | - | no | ||
| Bold | no | |||
| Book | no | |||
| Bookmark | no | |||
| BookmarkList | yes | |||
| BookmarkOutline | no | |||
| Bright | no | |||
| Browser | yes | |||
| Calendar | no | |||
| Camera | no | |||
| Cancel | no | |||
| Chart | no | |||
| Check | no | |||
| CheckAll | no | |||
| Clear | no | |||
| Clock | no | |||
| Close | no | |||
| Code | no | |||
| Collapse | no | |||
| Configure | no | |||
| Copy | yes | |||
| Cut | no | |||
| Database | no | |||
| Die | no | |||
| DoubleChevronEnd | yes | |||
| DoubleChevronStart | yes | |||
| DownTriangle | no | |||
| Download | no | |||
| Draggable | no | |||
| Edit | no | |||
| EditLock | no | |||
| EditUndo | yes | |||
| Ellipsis | no | |||
| Error | no | |||
| ExitFullScreen | no | |||
| Expand | no | |||
| Eye | no | |||
| EyeClosed | no | |||
| Feedback | yes | |||
| Flag | yes | Should this really have a RTL version? | ||
| FolderPlaceholder | yes | |||
| Fullscreen | no | |||
| Function | no | |||
| FunctionArgument | yes | |||
| Funnel | yes | This could probably be redesigned in a way that doesn't require a RTL version. | ||
| Globe | no | |||
| HalfBright | yes | Should this really have a RTL version? | ||
| HalfStar | yes | Should this really have a RTL version? | ||
| Hand | no | |||
| Heart | no | |||
| Help | yes | |||
| HelpNotice | yes | |||
| Hieroglyph | no | |||
| Highlight | no | |||
| History | no | |||
| Home | no | |||
| Image | no | |||
| ImageAdd | yes | |||
| ImageBroken | no | |||
| ImageGallery | no | |||
| ImageLayoutBasic | no | |||
| ImageLayoutFrame | no | |||
| ImageLayoutFrameless | no | |||
| ImageLayoutThumbnail | no | |||
| ImageLock | yes | |||
| Indent | yes | |||
| Info (ar) | no | |||
| Info | no | |||
| InfoFilled (ar) | no | |||
| InfoFilled | no | |||
| Instance | yes | |||
| Italic | no | |||
| Journal | yes | |||
| Key | no | |||
| Keyboard | no | |||
| LabFlask | no | |||
| Language | no | |||
| LargerText | no | |||
| Layout | yes | |||
| Lightbulb | no | |||
| Link | no | |||
| LinkExternal | yes | |||
| LinkSecure | no | |||
| ListBullet | yes | |||
| ListNumbered | yes | |||
| Literal | yes | |||
| Lock | no | |||
| LogIn | yes | |||
| LogOut | yes | |||
| Map | yes | This could probably be redesigned in a way that doesn't require a RTL version. | ||
| MapPin | no | |||
| MapPinAdd | no | |||
| MapTrail | no | |||
| Markup | no | |||
| Mathematics | no | |||
| MathematicsDisplayBlock | no | |||
| MathematicsDisplayDefault | no | |||
| MathematicsDisplayInline | no | |||
| Menu | no | |||
| Merge | yes | |||
| Message | no | |||
| Moon | no | |||
| Move | no | There is a task suggesting a revision to the move icon. | ||
| MoveFirst | yes | |||
| MoveLast | yes | |||
| MusicalScore | no | |||
| Network | no | |||
| NetworkOff | no | |||
| NewWindow | yes | |||
| Newline | yes | There is a task suggesting a revision to the NewLine and Redirect icons, but there is not a redirect icon in Codex. | ||
| Newspaper | yes | |||
| Next | yes | |||
| NoWikitext | no | |||
| NotBright | no | |||
| Notice | no | |||
| OngoingConversation | yes | |||
| Outdent | yes | |||
| Outline | yes | |||
| PageSettings | no | |||
| Palette | yes | This could probably be redesigned in a way that doesn't require a RTL version, or potentially doesn't need one. | ||
| Paste | yes | |||
| Pause | no | |||
| Play | no | |||
| Power | no | |||
| Previous | yes | |||
| Printer | no | |||
| PushPin | no | |||
| Puzzle | yes | This could probably be redesigned in a way that doesn't require a RTL version, or potentially doesn't need one. | ||
| QRCode | no | |||
| Quotes | yes | |||
| RecentChanges | yes | |||
| Redo | yes | |||
| Reference | no | |||
| ReferenceExisting | yes | |||
| References | yes | |||
| Reload | yes | |||
| Restore | no | |||
| Robot | no | |||
| Sandbox | no | |||
| Search | no | |||
| SearchCaseSensitive | no | |||
| SearchDiacritics | no | |||
| SearchRegularExpression | no | |||
| Settings | no | |||
| Share | no | |||
| Signature | yes | |||
| Smaller | no | |||
| SmallerText | no | |||
| SortVertical | no | |||
| SpecialCharacter | no | |||
| SpecialPages | yes | |||
| SpeechBubble | yes | |||
| SpeechBubbleAdd | yes | |||
| SpeechBubbles | yes | |||
| Star | no | |||
| Stop | no | |||
| Strikethrough | no | |||
| Subscript | yes | |||
| Subtract | no | |||
| Success | no | |||
| Superscript | yes | |||
| Table | no | |||
| TableAddColumnAfter | yes | |||
| TableAddColumnBefore | yes | |||
| TableAddRowAfter | no | |||
| TableAddRowBefore | no | |||
| TableCaption | no | |||
| TableMergeCells | no | |||
| TableMoveColumnAfter | yes | |||
| TableMoveColumnBefore | yes | |||
| TableMoveRowAfter | no | |||
| TableMoveRowBefore | no | |||
| Tag | yes | Should this really have a RTL version? | ||
| TemplateAdd | yes | |||
| TextDirLTR | no | |||
| TextDirRTL | no | |||
| TextFlow | yes | |||
| TextStyle | no | |||
| TextSummary | yes | |||
| Trash | no | |||
| Tray | no | |||
| UnBlock | no | |||
| UnFlag | yes | Should this really have a RTL version? | ||
| UnLink | no | |||
| UnLock | no | |||
| UnStar | no | |||
| Underline | no | |||
| Undo | yes | |||
| Update | yes | |||
| UpTriangle | no | |||
| Upload | no | |||
| UserActive | no | |||
| UserAdd | yes | |||
| UserAnonymous | no | |||
| UserAvatar | no | |||
| UserAvatarOutline | no | |||
| UserBlocked | no | |||
| UserContributions | yes | |||
| UserGroup | yes | |||
| UserRights | yes | |||
| UserTalk | yes | |||
| UserTemporary | yes | |||
| UserTemporaryLocation | yes | |||
| ViewCompact | no | |||
| ViewDetails | yes | |||
| VisionSimulator | no | |||
| VolumeDown | yes | |||
| VolumeOff | yes | |||
| VolumeUp | yes | |||
| Watchlist | yes | |||
| Wikitext | no | |||
| Window | no | |||
| ZoomIn | no | |||
| ZoomOut | no | |||
New icons
| icon | before | after | rtl? | task | notes |
|---|---|---|---|---|---|
| 3d | - | no | |||
| Asterisk | - | no | |||
| ChartBar | - | no | adding for new charts work | ||
| ChartLine | - | no | adding for new charts work | ||
| ChartPie | - | no | adding for new charts work | ||
| ChartScatter | - | no | adding for new charts work | ||
| Diffs | no | T422387: Add missing Codex icons | |||
| Donation | - | - | - | T376483: icons: Add a set of "Donation" icons to Codex and OOUI | going to keep using the heart for now |
| EllipsesVertical | - | no | - | commonly used on Android | |
| FilterMatch | yes | T322792 | |||
| HeartOutline | - | no | - | ||
| LanguageConversionHani | - | - | - | T386555: icons: Request language conversion icon of Han script writing systems | not doing this for now |
| LevelNone | yes | T322792 | |||
| LevelOne | yes | T322792 | |||
| LevelTwo | yes | T322792 | |||
| LevelThree | yes | T322792 | |||
| LightbulbOutline | - | no | - | ||
| Live | no | T322792 | |||
| Mentor | yes | T322792 | |||
| PictureInPicture | - | yes | T302150: Add 'Subtitle', 'Picture-in-Picture' and 'Restart' icons in Design Style Guide, Codex & OOUI | ||
| Restart | - | yes | T302150: Add 'Subtitle', 'Picture-in-Picture' and 'Restart' icons in Design Style Guide, Codex & OOUI | ||
| Rotate | - | yes | T417733: icons: Add Rotate icon to Codex and OOUI | ||
| ShareAndroid | - | no | - | ||
| ShareIOS | - | no | - | ||
| SpeechBubbleAlert | - | yes | T422387: Add missing Codex icons | ||
| Sticker | - | no | T418642: icons: Creative new 'sticker' icon in Codex | ||
| Subtitle | - | no | {T302150 | using an abstract representation so to not use "CC" and be limited to English | |
| Tabs | - | yes | |||
| UniversalDesign | - | no | T285757: Add 'universal design' icon | ||
| UserChat | yes | T422387: Add missing Codex icons | |||
| UserPages | yes | T422387: Add missing Codex icons | |||
| MagicWand | - | no | T411359: icons: Add Magic Wand icon to Codex and OOUI | ||
Acceptance criteria
- Entire icon library is refined
- New icons needed are added
- Refined icons are uploaded to this task
- Project page is created to document this work
- Icons are updated in Codex
- Icons are updated in OOUI
- Icons are added to SF Symbols for use in iOS
- Documentation for designing and contributing icons is updated




































































































































































































































































































































































































































































































































