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.).

In order to have a consistent but expanding repository of graphics to pick from, it was decided to use icons from the Noun Project. Because some images require specific attribution, this page also serves as a list of credits. This allows us to use the  parameter to hijack the image's link (that would otherwise have led to the image credits). Icons can therefore be used to link to the activity they refer to; this navigation is more natural for many readers than landing on the image's description page.

{| class="wikitable" width="100%" ! align="center" | Icon ! Used to refer to ! Credit ! colspan="3" | Activities ! 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" | 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
 * Localization
 * Geremy Good, from the Noun Project
 * 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" | Checklist Noun project 5166.svg
 * Features testing
 * Aaron Dodson, from The Noun Project
 * align="center" | Bug icon - Noun project 9935.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" | Gear - Noun project 7137.svg
 * Márcio Duarte, from The Noun Project
 * 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
 * Designers CO.R, from the Noun Project
 * align="center" | Noun project 3067.svg
 * Fernando Vasconcelos, from the Noun Project
 * align="center" | Noun project 3067.svg
 * Fernando Vasconcelos, from the Noun Project
 * Fernando Vasconcelos, 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