On Thu, Oct 16, 2014 at 1:09 PM, Jon Robson <jrobson(a)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-…
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(a)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(a)lists.wikimedia.org
>
https://lists.wikimedia.org/mailman/listinfo/design
>
--
=S Page Features engineer
