Project:Visual identity

This page defines a visual language that the MediaWiki community can use to refer to its various activities. It serves as a coordination and reference page to use a set of reusable, consistent and recognizable icons across mediums (wiki pages, blog posts, slides, etc.).

We aim to follow the Wikimedia Foundation icon philosophy. In order to have a consistent but expanding repository of graphics to pick from, it was decided to use icons from the Noun Project. These icons are all in SVG format, allowing us to use them at any resolution without pixelation, including in presentations and posters.

Because some images require specific attribution, this page also serves as a list of credits, which is particularly useful if they don't use the standard link behavior.

{| class="wikitable" width="100%" ! align="center" | Icon ! Used to refer to ! Credit ! colspan="3" | Activities ! colspan="3" | Resources ! colspan="3" | Events ! colspan="3" | QA activities
 * align="center" | Noun project 9866.svg
 * Product development
 * Phil Goodwin, from the Noun Project
 * align="center" | Question Noun project 2185.svg
 * Support
 * Anas Ramadan, from the Noun Project
 * align="center" | Book Noun project 7656.svg
 * Documentation
 * João Carlos Cabanita Miranda, from the Noun Project
 * align="center" | Source code project 1171.svg
 * Coding
 * d, from the Noun Project
 * align="center" | Plug-in Noun project 4032.svg
 * API
 * Florian Huber, from the Noun Project
 * align="center" | Vitruvian Man Noun project 6674.svg
 * Design
 * Olivier Guin, from the Noun Project
 * align="center" | Check Box Noun project 10759.svg
 * QA
 * Laurent Sutterlity, from the Noun Project
 * align="center" | Translation - Noun project 987.svg
 * Localization
 * Geremy Good, from the Noun Project
 * align="center" | Gear - Noun project 7137.svg
 * Tech (general)
 * Márcio Duarte, from The Noun Project
 * align="center" | Aiga mail inverted nobg.svg
 * Tech ambassadors and Tech news
 * Public domain
 * align="center" | Wikimedia-logo black.svg
 * Wikimedia Engineering
 * Neolux
 * align="center" | Gear - Noun project 7137.svg
 * Tech (general)
 * Márcio Duarte, from The Noun Project
 * align="center" | Aiga mail inverted nobg.svg
 * Tech ambassadors and Tech news
 * Public domain
 * align="center" | Wikimedia-logo black.svg
 * Wikimedia Engineering
 * Neolux
 * Wikimedia Engineering
 * Neolux
 * align="center" | List Noun project 11515.svg
 * Glossaries
 * Mauro Fontanari, from the Noun Project (CC-0)
 * align="center" | Feed Noun project 104.svg
 * Wikimedia (tech) blog
 * Public domain
 * align="center" | Search Noun project 15028.svg
 * Wikimedia technical search
 * Fission Strategy, from the Noun Project (CC-0)
 * align="center" | Search Noun project 15028.svg
 * Wikimedia technical search
 * Fission Strategy, from the Noun Project (CC-0)
 * align="center" | Community Noun project 2280.svg
 * Physical meetings, conferences, workshops
 * T. Weber, from The Noun Project
 * align="center" | Noun project 2472.svg
 * Online meetings and chats
 * María Florencia, from The Noun Project
 * align="center" | Calendar Noun project 1194.svg
 * Other events
 * Nathan Driskell, from The Noun Project
 * align="center" | Calendar Noun project 1194.svg
 * Other events
 * Nathan Driskell, from The Noun Project
 * align="center" | Noun project 8974.svg
 * Browser testing
 * Johan H. W. Basberg, from the Noun Project
 * align="center" | Hammer - Noun project 1306.svg
 * Features testing
 * John Caserta, from The Noun Project
 * align="center" | Bug_icon_-_Noun_project_198.svg
 * Fresh bugs
 * Dmitry Baranovskiy, from The Noun Project
 * align="center" | Spider Web - Noun project 813.svg
 * Old bugs
 * Denis Frezzato, from The Noun Project
 * align="center" | Spider Web - Noun project 813.svg
 * Old bugs
 * Denis Frezzato, from The Noun Project
 * Denis Frezzato, from The Noun Project

Available icons
The following icons are currently unused and might be useful for new activities. More icons are available on Wikimedia Commons.

{| class="wikitable" width="100%" ! align="center" | Icon ! Used to refer to ! Credit
 * align="center" | Noun project 2654.svg
 * Designers CO.R, from the Noun Project
 * align="center" | Noun project 3067.svg
 * Fernando Vasconcelos, from the Noun Project
 * align="center" | Checklist Noun project 5166.svg
 * Aaron Dodson, from The Noun Project
 * Fernando Vasconcelos, from the Noun Project
 * align="center" | Checklist Noun project 5166.svg
 * Aaron Dodson, from The Noun Project
 * align="center" | Checklist Noun project 5166.svg
 * Aaron Dodson, from The Noun Project
 * Aaron Dodson, from The Noun Project

Table line template

 * align="center" | |30px
 * |, from the Noun Project
 * |, from the Noun Project

Pages to update
If you change the icon for an existing activity, you'll need to update templates and pages. Most of them can be found using Special:Whatlinkshere or the image's usage page. Some are listed below for reference.


 * Template:Event and Template:Event/doc
 * How to contribute