golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

[icons] Re-optimize SVGs with SVGO and manually 

- Reducing precision to 1 decimal point (no visible change),
- adding `title` tags where useful,
- reducing paths,
- removing unnecessary `g` elements and
- lowercasing hex colors

Change-Id: I77ee08fbdb54d529f34576b076def985407b3bc2
This commit is contained in:
Volker E 2020-10-05 08:28:37 -07:00
parent eaa51f97eb
commit 7bbad93bc4
9 changed files with 58 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/skins.vector.styles/images/chevronHorizontal-ltr.svg
View File

@ -4,4 +4,4 @@
chevron
</title>
<path d="M9 2l1.3 1.3L3.7 10l6.6 6.7L9 18l-8-8 8-8zm8.5 0L19 3.3 12.2 10l6.7 6.7-1.4 1.3-8-8 8-8z"/>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 260 B

After

Width:  |  Height:  |  Size: 261 B

4
resources/skins.vector.styles/images/chevronHorizontal-rtl.svg
View File

@ -3,5 +3,5 @@
<title>
chevron
</title>
<path d="M11 2 9.7 3.3 16.3 10 9.7 16.7 11 18 19 10ZM2.5 2 1 3.3 7.8 10 1.1 16.7 2.5 18l8-8z"/>
</svg>
<path d="M11 2L9.7 3.3l6.6 6.7-6.6 6.7L11 18l8-8zM2.5 2L1 3.3 7.8 10l-6.7 6.7L2.5 18l8-8z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 255 B

After

Width:  |  Height:  |  Size: 253 B

8
resources/skins.vector.styles/images/menu.svg
View File

@ -1 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>menu</title><path d="M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<title>
menu
</title>
<path d="M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 195 B

After

Width:  |  Height:  |  Size: 207 B

7
resources/skins.vector.styles/images/unwatch-icon.svg
View File

@ -1,12 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
<title>
unwatch
</title>
<defs>
<linearGradient id="a">
<stop offset="0" stop-color="#c2edff"/>
<stop offset=".5" stop-color="#68bdff"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<linearGradient id="b" x1="13.47" x2="4.596" y1="14.363" y2="3.397" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
<linearGradient id="b" x1="13.5" x2="4.6" y1="14.4" y2="3.4" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
</defs>
<path fill="url(#b)" stroke="#7cb5d1" d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"/>
<path fill="url(#b)" stroke="#7cb5d1" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 620 B

After

Width:  |  Height:  |  Size: 602 B

34
resources/skins.vector.styles/images/unwatch-temp-icon-hl.svg
View File

@ -1,18 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>tempwatch-icon-hl</title>
<defs>
<linearGradient x1="60.558218%" y1="98.7006198%" x2="43.1041147%" y2="16.8097976%" id="linearGradient-1">
<stop stop-color="#C2EDFF" offset="0%"></stop>
<stop stop-color="#68BDFF" offset="50%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="tempwatch-icon-hl" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="tempwatch-icon-hl-copy" transform="translate(1.000000, 1.000000)" fill-rule="nonzero">
<polygon id="Path" fill="#FFFFFF" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon id="Path" fill="url(#linearGradient-1)" points="6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon id="Path" stroke="#C8B250" stroke-width="0.99992" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>
unwatch temporary highlighted
</title>
<defs>
<linearGradient id="a" x1="60.6%" x2="43.1%" y1="98.7%" y2="16.8%">
<stop offset="0" stop-color="#c2edff"/>
<stop offset=".5" stop-color="#68bdff"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
</defs>
<g fill="none">
<path fill="#fff" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
<path fill="url(#a)" d="M7 .4v10.9l-4.2 2.2.8-4.8L0 5.3l4.8-.7z" transform="translate(1 1)"/>
<path stroke="#c8b250" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 737 B

34
resources/skins.vector.styles/images/unwatch-temp-icon.svg
View File

@ -1,18 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>tempwatch-icon</title>
<defs>
<linearGradient x1="60.558218%" y1="98.7006198%" x2="43.1041147%" y2="16.8097976%" id="linearGradient-1">
<stop stop-color="#C2EDFF" offset="0%"></stop>
<stop stop-color="#68BDFF" offset="50%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="tempwatch-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(1.000000, 1.000000)" fill-rule="nonzero" id="Path">
<polygon fill="#FFFFFF" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon fill="url(#linearGradient-1)" points="6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon stroke="#7CB5D1" stroke-width="0.99992" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>
unwatch temporary
</title>
<defs>
<linearGradient id="a" x1="60.6%" x2="43.1%" y1="98.7%" y2="16.8%">
<stop offset="0" stop-color="#c2edff"/>
<stop offset=".5" stop-color="#68bdff"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
</defs>
<g fill="none">
<path fill="#fff" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
<path fill="url(#a)" d="M7 .4v10.9l-4.2 2.2.8-4.8L0 5.3l4.8-.7z" transform="translate(1 1)"/>
<path stroke="#7cb5d1" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 725 B

5
resources/skins.vector.styles/images/watch-icon-hl.svg
View File

@ -1,4 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path fill="#fff" stroke="#c8b250" d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"/>
<title>
watch highlighted
</title>
<path fill="#fff" stroke="#c8b250" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 265 B

After

Width:  |  Height:  |  Size: 264 B

2
resources/skins.vector.styles/images/watch-icon-loading.svg
View File

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path fill="#fff" stroke="#c8ccd1" d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"/>
<path fill="#fff" stroke="#c8ccd1" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 265 B

After

Width:  |  Height:  |  Size: 225 B

5
resources/skins.vector.styles/images/watch-icon.svg
View File

@ -1,4 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path fill="#fff" stroke="#7cb5d1" d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"/>
<title>
watch
</title>
<path fill="#fff" stroke="#7cb5d1" d="M8.1 1.1l2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 265 B

After

Width:  |  Height:  |  Size: 252 B