This task should clarify about social and technical process of icon usage, creation and maintenance within Wikimedia Foundation Design team:
- Should we write everything from scratch or use something like Material Icon set or continue with our own (in which scope)? See T135080.
Our own resources so far:
- Dropbox under Design > + Assets > Icons (> 4 Current for agreed ones)
https://github.com/munmay/WikiFont/ for font and SVGs and- OOUI icons https://doc.wikimedia.org/oojs-ui/master/demos/#icons-mediawiki-ltr (partly incomplete)
Lingo, an application for resources sharing in design teamsdeprecated
Requirements:
- Include all icons (from desktop, mobile, apps…) and what icon formats should we further support? T139347
- Easy to find (it should be clear how to get the repo), have 1 main location, probably mirrors
- Welcoming to the community (open tools, easy to access…). Also includes responding to community requests in a timely manner
- Clear instructions for icon creation (size, whitespace padding, style conventions, etc.) T139351
- Allow fast merge process when integrating new icons/reviewing changes and go for quick iterations rather than long addition process in the beginning
- Easy to integrate in various technical implementations
@Pginer-WMF has started an exemplified icon addition task T134752.
Process up-to-date
- Add a new task with the icon request and attach it
- Checkout Design Style Guide Git repo
- Add new icon to resources' Illustrator file and rely on either existing icon of collection or one of the SVG shapes
- Export SVG and add to 'resources/WikimediaUI-icons-SVGs' as well and update according ZIP file
- Optimize SVG with SVGOMG https://jakearchibald.github.io/svgomg/ or a similar plugin for your preferred SVG editor
- Commit patch to DSG Git repo
- Bring it to OOUI
- OOUI release and MW core update necessary before using it
If your product doesn't use OOUI, there are a few different ways to get the icon there, but it MUST be part of OOUI and DSG before adding a copy somewhere else.