On Thu, Oct 16, 2014 at 1:09 PM, Jon Robson <jrobson@wikimedia.org> wrote:

I have a bunch of icons in MobileFrontend that are in png format. I
want to move them all to use SVGs as part of the icon standardisation
work Trevor has been leading.

1) Firstly are all of the icons I list below covered by the WikiFont ?
2) Secondly, how can I extract them (looks at Monte :-))

Yes, where are the canonical SVGs?
* The gallery at the top of https://www.mediawiki.org/wiki/Design/WikiFont includes 51 File:Foo_icon.svgs

* https://commons.wikimedia.org/wiki/Category:Wikicons has 55 icons

* May's repo https://github.com/munmay/WikiFont shows 98 icons, adding the unlock icon, key icon, rocket icon, etc. and changes to icons e.g. the Contributions jigsaw icon is rotated 45 degrees. https://raw.githubusercontent.com/munmay/WikiFont/master/WikiFont-Glyphs.svg has a set of outlines for Unicode characters, but I think it's a derivative "created by FontPrep". So is the canonical representation the ttf file, or was that created from SVGs? README.md doesn't say.

Whatever the answer is, it belongs in https://www.mediawiki.org/wiki/Design/WikiFont

Jon's visual and semantic description is great, that together with CSS and Unicode value in a table somewhere would be very helpful.

James Forrester wrote

Of these, some close/perfect replicas are already available in the central set use in OOUI's MediaWiki theme (see https://tools.wmflabs.org/oojs-ui/oojs-ui/demos/index.html#icons-mediawiki-vector-ltr for the icons); a quick match-up below:

Those (nifty) icons are different. Strokes don't have the one rounded corner, different trashcan, thinner settings gear, etc. There are several icons that aren't in WikIFont, like the caution triangle and help icons.

=S Page Features engineer

On Thu, Oct 16, 2014 at 1:09 PM, Jon Robson <jrobson@wikimedia.org> wrote:

I have a bunch of icons in MobileFrontend that are in png format. I
want to move them all to use SVGs as part of the icon standardisation
work Trevor has been leading.

1) Firstly are all of the icons I list below covered by the WikiFont ?
2) Secondly, how can I extract them (looks at Monte :-))

Icons inventory: [all black/grey unless stated]
talk icon
watch icon
watched icon
edit icon
edit icon when locked
home icon (a white house)
random icon (a white dice)
watchlist icon (a white star)
uploads icon (a white cloud with an up arrow)
nearby icon (white pin)
cog icon (in white)
logout icon (standby switch in white)
profile icon (a face with a smile - but maybe this should be a person
to be inline with desktop?)
cancel icon ( a X button that is found in overlays)
upload icon (a picture with a + icon)
upload icon when locked (same as above but locked)
clear icon (a small x which is used in search - should this be
different from the close icon as it currently is the same)
down arrow (used for a collapsed section)
up arrow ( used for open collapsed section)
back icon ( a left arrow)
previous icon ( a left arrow used in photo upload overlay tutorial
and other screens where you slide between them)
next icon (a right arrow used in photo upload overlay tutorial and
other screens where you slide between them)
bytes added icon (a green box with an arrow pointed upwards)
bytes removed icon (a red box with an arrow pointed downwards)
bytes neutral icon ( grey box with right arrow )
anon icon (a white anonymous icon that appears when logged out when
visiting the menu on mobile)
camera icon ( a white camera)

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

=S Page Features engineer