Align SVGs to WikimediaUI color palette and optimize

Aligning SVGs to WikimediaUI color palette, optimizing
by help of SVGO and align markup to each other, among changes:
- unifying XML declaration
- removing `standalone=no` as it's default
- adding `viewBox` attribute for cross-browser compatibility
- removing unnecessary groups and ids where applicable
- unifying identation
- bringing attributes in order

Bug: T178867
Change-Id: Ie7803dd904cee14fa401331e082982794dc0a225
This commit is contained in:
Volker E
2017-11-02 00:25:40 -07:00
parent 115c0a28c0
commit c8b391564e
12 changed files with 106 additions and 80 deletions

View File

@@ -1 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"><path d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z" fill="#565656" transform="scale(.8) translate(2.5 -.2)"/><path d="M2.719 15.279l14.561-14.559" stroke="#565656" stroke-width="1.2"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">
<path fill="#222" d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z" transform="matrix(.8 0 0 .8 2 -.2)"/>
<path stroke="#222" stroke-width="1.2" d="M2.719 15.279l14.561-14.559"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB