Fix source file naming, rebuild sprites, add dev tools

- Fix bank_transfer -> bank naming in icon/square shapes
- Fix quote_la -> quote_lm in light-mode directories
- Fix rectangle naming (amazon_pay, bacs, naverpay, p24)
- Fix case sensitivity (LinkedIn -> linkedin, Bancontact -> bancontact, etc.)
- Add _lm suffix to rectangle/light-mode files
- Copy X icon to full-logo and text-only (same symbol)
- Add preview.html for visual testing
- Add .htaccess restricting access to dev IP
- Update README with correct lowercase brand names

All 38 payment brands and 12 social brands now complete.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-27 11:27:17 +00:00
parent 724eba4cd6
commit d694f9f21f
32 changed files with 5084 additions and 4437 deletions

View File

@@ -1,25 +1,59 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display:none">
<symbol id="LinkedIn_la" viewBox="0 0 45 45"><defs>
<rect id="LinkedIn_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<clipPath id="LinkedIn_la_SVGID_00000080907358863836193900000009604794423283550342_">
<use xlink:href="#LinkedIn_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#LinkedIn_la_SVGID_00000080907358863836193900000009604794423283550342_);">
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#007EBB;" d="M5,45h35c2.8,0,5-2.2,5-5V5c0-2.8-2.2-5-5-5H5C2.2,0,0,2.2,0,5v35C0,42.8,2.2,45,5,45z"/>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M38.8,38.8h-6.7V27.4c0-3.1-1.2-4.9-3.7-4.9c-2.7,0-4.1,1.8-4.1,4.9v11.4h-6.4V17.1h6.4V20
c0,0,1.9-3.6,6.5-3.6c4.6,0,7.9,2.8,7.9,8.6V38.8z M10.2,14.2c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.4,14.2,10.2,14.2z
M6.9,38.8h6.7V17.1H6.9V38.8z"/>
</g>
</g></symbol>
<symbol id="amazon_la" viewBox="0 0 45 45"><defs>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<rect id="amazon_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<clipPath id="amazon_la_SVGID_00000142168186715899202250000013054533252006571413_">
<use xlink:href="#amazon_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="apple_la_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="apple_la_SVGID_00000114072568368762591020000006640464628649871488_">
<use xlink:href="#apple_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="facebook_la_SVGID_1_" width="45" height="45"/>
<clipPath id="facebook_la_SVGID_00000054257908208795084750000004230826471285896073_">
<use xlink:href="#facebook_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="google_la_SVGID_1_" width="45" height="45"/>
<clipPath id="google_la_SVGID_00000102513091760644500740000017185415237100361878_">
<use xlink:href="#google_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="linkedin_la_SVGID_1_" width="45" height="45"/>
<clipPath id="linkedin_la_SVGID_00000080907358863836193900000009604794423283550342_">
<use xlink:href="#linkedin_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="microsoft_la_SVGID_1_" width="45" height="45"/>
<clipPath id="microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_">
<use xlink:href="#microsoft_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="outlook_la_SVGID_1_" width="45" height="45"/>
<clipPath id="outlook_la_SVGID_00000176730272450267255090000013251615914216981905_">
<use xlink:href="#outlook_la_SVGID_1_" style="overflow:visible;"/>
</clipPath><linearGradient id="outlook_la_SVGID_00000029750942765430990420000002715400090524807562_" gradientUnits="userSpaceOnUse" x1="27.8" y1="-400.7875" x2="27.8" y2="-380.9034" gradientTransform="matrix(1 0 0 1 0 424.3334)">
<stop offset="0" style="stop-color:#35B8F1"/>
<stop offset="1" style="stop-color:#28A8EA"/>
</linearGradient><linearGradient id="outlook_la_SVGID_00000059282709050909659550000016828186450885963673_" gradientUnits="userSpaceOnUse" x1="3.9917" y1="-414.8341" x2="19.0054" y2="-388.831" gradientTransform="matrix(1 0 0 1 0 424.3334)">
<stop offset="0" style="stop-color:#1784D9"/>
<stop offset="0.5" style="stop-color:#107AD5"/>
<stop offset="1" style="stop-color:#0A63C9"/>
</linearGradient><clipPath id="paypal_la_b"><rect width="45" height="45" fill="none"/></clipPath><clipPath id="paypal_la_c"><rect x="3.75" width="37.5" height="45" fill="none"/></clipPath>
<rect id="reddit_la_SVGID_1_" width="45" height="45"/>
<clipPath id="reddit_la_SVGID_00000022530605022877929990000016602649888151477144_">
<use xlink:href="#reddit_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="tiktok_la_SVGID_1_" width="45" height="45"/>
<clipPath id="tiktok_la_SVGID_00000092438193370301972870000004532972528775059339_">
<use xlink:href="#tiktok_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="x_la_SVGID_1_" width="45" height="45"/>
<clipPath id="x_la_SVGID_00000033354764030288795930000001479703675480923282_">
<use xlink:href="#x_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="yahoo_la_SVGID_1_" width="45" height="45"/>
<clipPath id="yahoo_la_SVGID_00000013159504510969130410000001647023282424193931_">
<use xlink:href="#yahoo_la_SVGID_1_" style="overflow:visible;"/>
</clipPath></defs>
<symbol id="amazon_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#amazon_la_SVGID_00000142168186715899202250000013054533252006571413_);">
<g>
<path style="fill:#FF9900;" d="M39,37c-18.6,8.8-30.1,1.4-37.5-3c-0.5-0.3-1.2,0.1-0.6,0.8C3.4,37.8,11.4,45,22,45s16.8-5.7,17.6-6.7
@@ -34,15 +68,11 @@
</g>
</g>
</g></symbol>
<symbol id="apple_la" viewBox="0 0 45 45"><defs>
<rect id="apple_la_SVGID_1_" y="0" width="45" height="45"/>
</defs><g>
<symbol id="apple_la" viewBox="0 0 45 45"><g>
<g>
<g>
<clipPath id="apple_la_SVGID_00000114072568368762591020000006640464628649871488_">
<use xlink:href="#apple_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#apple_la_SVGID_00000114072568368762591020000006640464628649871488_);">
<path d="M28.8,7.2c-1.5,1.8-4.2,3.3-6.6,3c-0.3-2.4,0.9-5.1,2.4-6.9S29.1,0,31.2,0C31.5,2.7,30.3,5.4,28.8,7.2 M31.2,11
c-3.6-0.3-6.9,2.1-8.3,2.1c-1.8,0-4.5-2.1-7.2-1.8c-3.9,0-7.2,2.1-9.2,5.7c-3.9,6.9-0.9,16.7,2.7,22.4c1.8,2.7,4.2,5.7,7.2,5.7
@@ -52,13 +82,9 @@
</g>
</g>
</g></symbol>
<symbol id="facebook_la" viewBox="0 0 45 45"><defs>
<rect id="facebook_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="facebook_la" viewBox="0 0 45 45"><g>
<clipPath id="facebook_la_SVGID_00000054257908208795084750000004230826471285896073_">
<use xlink:href="#facebook_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#facebook_la_SVGID_00000054257908208795084750000004230826471285896073_);">
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#1977F3;" d="M45,22.5C45,10.1,35,0,22.5,0S0,10.1,0,22.5c0,11.2,8.2,20.5,19,22.2V29.1h-5.7v-6.5H19v-5
c0-5.6,3.4-8.8,8.5-8.8c2.5,0,5,0.4,5,0.4v5.5h-2.8c-2.8,0-3.7,1.7-3.7,3.5v4.2h6.2l-1,6.5h-5.2v15.7C36.8,43.1,45,33.8,45,22.5
@@ -67,14 +93,10 @@
v6.5H19v15.7c1.1,0.2,2.3,0.3,3.5,0.3c1.2,0,2.4-0.1,3.5-0.3V29.1L31.3,29.1L31.3,29.1z"/>
</g>
</g></symbol>
<symbol id="google_la" viewBox="0 0 45 45"><defs>
<rect id="google_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="google_la" viewBox="0 0 45 45"><g>
<g>
<clipPath id="google_la_SVGID_00000102513091760644500740000017185415237100361878_">
<use xlink:href="#google_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#google_la_SVGID_00000102513091760644500740000017185415237100361878_);">
<g>
<g>
@@ -92,13 +114,19 @@
</g>
</g>
</g></symbol>
<symbol id="microsoft_la" viewBox="0 0 45 45"><defs>
<rect id="microsoft_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="linkedin_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#linkedin_la_SVGID_00000080907358863836193900000009604794423283550342_);">
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#007EBB;" d="M5,45h35c2.8,0,5-2.2,5-5V5c0-2.8-2.2-5-5-5H5C2.2,0,0,2.2,0,5v35C0,42.8,2.2,45,5,45z"/>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M38.8,38.8h-6.7V27.4c0-3.1-1.2-4.9-3.7-4.9c-2.7,0-4.1,1.8-4.1,4.9v11.4h-6.4V17.1h6.4V20
c0,0,1.9-3.6,6.5-3.6c4.6,0,7.9,2.8,7.9,8.6V38.8z M10.2,14.2c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S12.4,14.2,10.2,14.2z
M6.9,38.8h6.7V17.1H6.9V38.8z"/>
</g>
</g></symbol>
<symbol id="microsoft_la" viewBox="0 0 45 45"><g>
<clipPath id="microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_">
<use xlink:href="#microsoft_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_);">
<path style="fill:#F25022;" d="M0,0h21.4v21.4H0V0z"/>
<path style="fill:#7FBA00;" d="M23.6,0H45v21.4H23.6V0z"/>
@@ -106,14 +134,10 @@
<path style="fill:#FFB900;" d="M23.6,23.6H45V45H23.6V23.6z"/>
</g>
</g></symbol>
<symbol id="outlook_la" viewBox="0 0 45 45"><defs>
<rect id="outlook_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="outlook_la" viewBox="0 0 45 45"><g>
<g>
<clipPath id="outlook_la_SVGID_00000176730272450267255090000013251615914216981905_">
<use xlink:href="#outlook_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#outlook_la_SVGID_00000176730272450267255090000013251615914216981905_);">
<path style="fill:#0A2767;" d="M45,23.5c0-0.4-0.2-0.7-0.5-0.9l0,0l0,0l-15.6-9.2c-0.1,0-0.1-0.1-0.2-0.1c-0.6-0.3-1.3-0.3-1.9,0
c-0.1,0-0.1,0.1-0.2,0.1L11,22.7l0,0c-0.5,0.3-0.6,0.9-0.3,1.4c0.1,0.1,0.2,0.3,0.4,0.3l15.6,9.2c0.1,0,0.1,0.1,0.2,0.1
@@ -127,11 +151,8 @@
<path style="fill:#14447D;" d="M12.8,26.8H23v8.5H12.8V26.8z"/>
<path style="fill:#0078D4;" d="M33.5,26.7h9.4v9.4h-9.4V26.7z"/>
<linearGradient id="SVGID_00000029750942765430990420000002715400090524807562_" gradientUnits="userSpaceOnUse" x1="27.8" y1="-400.7875" x2="27.8" y2="-380.9034" gradientTransform="matrix(1 0 0 1 0 424.3334)">
<stop offset="0" style="stop-color:#35B8F1"/>
<stop offset="1" style="stop-color:#28A8EA"/>
</linearGradient>
<path style="fill:url(#SVGID_00000029750942765430990420000002715400090524807562_);" d="M44.5,24.4L44.5,24.4l-15.6,8.8
<path style="fill:url(#outlook_la_SVGID_00000029750942765430990420000002715400090524807562_);" d="M44.5,24.4L44.5,24.4l-15.6,8.8
c-0.1,0-0.1,0.1-0.2,0.1c-0.3,0.1-0.6,0.2-0.8,0.2L27,33c-0.1,0-0.1-0.1-0.2-0.1l-15.8-9l0,0l-0.5-0.3v17.8c0,1.2,1,2.1,2.2,2.1
h30.2c0,0,0,0,0.1,0c0.3,0,0.5-0.1,0.7-0.2c0.1,0,0.2-0.1,0.3-0.2c0.1,0,0.2-0.1,0.2-0.1c0.5-0.4,0.9-1,0.9-1.7V23.5
C45,23.9,44.8,24.2,44.5,24.4z"/>
@@ -154,12 +175,8 @@
"/>
<path style="opacity:0.2;enable-background:new ;" d="M23,12.9v20.2c0,1.1-0.9,1.9-1.9,1.9H10.5V11h10.6C22.2,11,23,11.8,23,12.9L23,12.9z"/>
<linearGradient id="SVGID_00000059282709050909659550000016828186450885963673_" gradientUnits="userSpaceOnUse" x1="3.9917" y1="-414.8341" x2="19.0054" y2="-388.831" gradientTransform="matrix(1 0 0 1 0 424.3334)">
<stop offset="0" style="stop-color:#1784D9"/>
<stop offset="0.5" style="stop-color:#107AD5"/>
<stop offset="1" style="stop-color:#0A63C9"/>
</linearGradient>
<path style="fill:url(#SVGID_00000059282709050909659550000016828186450885963673_);" d="M1.9,11h19.2c1.1,0,1.9,0.9,1.9,1.9
<path style="fill:url(#outlook_la_SVGID_00000059282709050909659550000016828186450885963673_);" d="M1.9,11h19.2c1.1,0,1.9,0.9,1.9,1.9
v19.2c0,1.1-0.9,1.9-1.9,1.9H1.9c-1,0-1.9-0.8-1.9-1.9V12.9C0,11.8,0.9,11,1.9,11z"/>
<path style="fill:#FFFFFF;" d="M6,19c0.5-1,1.2-1.9,2.2-2.4c1.1-0.6,2.3-0.9,3.5-0.9c1.1,0,2.2,0.3,3.2,0.8c0.9,0.5,1.7,1.4,2.1,2.3
c0.5,1.1,0.8,2.2,0.7,3.4c0,1.2-0.2,2.4-0.8,3.6c-0.5,1-1.2,1.8-2.2,2.4s-2.2,0.9-3.3,0.8c-1.2,0-2.3-0.3-3.3-0.8
@@ -170,14 +187,10 @@
</g>
</g>
</g></symbol>
<symbol id="paypal_la" viewBox="0 0 45 45"><defs><clipPath id="paypal_la_b"><rect width="45" height="45" fill="none"/></clipPath><clipPath id="paypal_la_c"><rect x="3.75" width="37.5" height="45" fill="none"/></clipPath></defs><g clip-path="url(#paypal_la_b)"><g clip-path="url(#paypal_la_c)"><g><path d="M35.73,10.35c0,5.569-5.167,12.15-12.975,12.15h-7.521l-.365,2.319-1.759,11.181H3.75L9.377,0h15.157c5.101,0,9.12,2.835,10.592,6.775,.417,1.116,.629,2.32,.604,3.575Z" fill="#002991"/><path d="M41.126,20.7c-1.033,6.244-6.43,10.8-12.803,10.8h-5.225l-2.182,13.5H11.616l1.493-9,1.759-11.181,.365-2.319h7.521c7.808,0,12.975-6.581,12.975-12.15,.002,0,.003,.002,.005,.002,3.843,1.97,6.08,5.962,5.392,10.348Z" fill="#60cdff"/><path d="M35.729,10.35s.003,.002,.005,.003c0-.095-.003-.101-.005-.003Z"/><path d="M35.729,10.35c-1.607-.844-3.56-1.35-5.684-1.35h-12.688l-2.124,13.5h7.521c7.808,0,12.975-6.581,12.975-12.15Z" fill="#008cff"/></g></g></g></symbol>
<symbol id="reddit_la" viewBox="0 0 45 45"><defs>
<rect id="reddit_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="paypal_la" viewBox="0 0 45 45"><g clip-path="url(#paypal_la_b)"><g clip-path="url(#paypal_la_c)"><g><path d="M35.73,10.35c0,5.569-5.167,12.15-12.975,12.15h-7.521l-.365,2.319-1.759,11.181H3.75L9.377,0h15.157c5.101,0,9.12,2.835,10.592,6.775,.417,1.116,.629,2.32,.604,3.575Z" fill="#002991"/><path d="M41.126,20.7c-1.033,6.244-6.43,10.8-12.803,10.8h-5.225l-2.182,13.5H11.616l1.493-9,1.759-11.181,.365-2.319h7.521c7.808,0,12.975-6.581,12.975-12.15,.002,0,.003,.002,.005,.002,3.843,1.97,6.08,5.962,5.392,10.348Z" fill="#60cdff"/><path d="M35.729,10.35s.003,.002,.005,.003c0-.095-.003-.101-.005-.003Z"/><path d="M35.729,10.35c-1.607-.844-3.56-1.35-5.684-1.35h-12.688l-2.124,13.5h7.521c7.808,0,12.975-6.581,12.975-12.15Z" fill="#008cff"/></g></g></g></symbol>
<symbol id="reddit_la" viewBox="0 0 45 45"><g>
<clipPath id="reddit_la_SVGID_00000022530605022877929990000016602649888151477144_">
<use xlink:href="#reddit_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#reddit_la_SVGID_00000022530605022877929990000016602649888151477144_);">
<circle style="fill:#FF4500;" cx="22.5" cy="22.5" r="22.5"/>
<path style="fill:#FFFFFF;" d="M37.5,22.5c-0.1-1.8-1.6-3.2-3.4-3.2c-0.8,0-1.6,0.4-2.2,0.9c-2.6-1.7-5.6-2.7-8.7-2.8l1.5-7l4.8,1
@@ -190,13 +203,9 @@
c0-1.2,1-2.3,2.3-2.3s2.3,1,2.3,2.3C30,26.1,29,27.1,27.7,27.1C27.7,27.2,27.7,27.2,27.7,27.1L27.7,27.1z"/>
</g>
</g></symbol>
<symbol id="tiktok_la" viewBox="0 0 45 45"><defs>
<rect id="tiktok_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="tiktok_la" viewBox="0 0 45 45"><g>
<clipPath id="tiktok_la_SVGID_00000092438193370301972870000004532972528775059339_">
<use xlink:href="#tiktok_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#tiktok_la_SVGID_00000092438193370301972870000004532972528775059339_);">
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M10.2,0h24.6C40.4,0,45,4.6,45,10.2v24.6C45,40.4,40.4,45,34.8,45H10.2C4.6,45,0,40.4,0,34.8V10.2
C0,4.6,4.6,0,10.2,0z"/>
@@ -218,26 +227,18 @@
</g>
</g>
</g></symbol>
<symbol id="x_la" viewBox="0 0 45 45"><defs>
<rect id="x_la_SVGID_1_" width="45" height="45"/>
</defs><sodipodi:namedview bordercolor="#000000" borderopacity="0.25" id="namedview1" inkscape:current-layer="svg1" inkscape:cx="416.63652" inkscape:cy="374.42225" inkscape:deskcolor="#d1d1d1" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:showpageshadow="2" inkscape:window-height="730" inkscape:window-maximized="1" inkscape:window-width="1280" inkscape:window-x="0" inkscape:window-y="0" inkscape:zoom="0.27241971" pagecolor="#ffffff">
<inkscape:page bleed="0" height="799.33301" id="page2" margin="0" width="1440" x="0" y="0"></inkscape:page>
<symbol id="x_la" viewBox="0 0 45 45"><sodipodi:namedview bordercolor="#000000" borderopacity="0.25" id="x_la_namedview1" inkscape:current-layer="svg1" inkscape:cx="416.63652" inkscape:cy="374.42225" inkscape:deskcolor="#d1d1d1" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:showpageshadow="2" inkscape:window-height="730" inkscape:window-maximized="1" inkscape:window-width="1280" inkscape:window-x="0" inkscape:window-y="0" inkscape:zoom="0.27241971" pagecolor="#ffffff">
<inkscape:page bleed="0" height="799.33301" id="x_la_page2" margin="0" width="1440" x="0" y="0"></inkscape:page>
</sodipodi:namedview>
<g>
<clipPath id="x_la_SVGID_00000033354764030288795930000001479703675480923282_">
<use xlink:href="#x_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<path id="path1-93" style="clip-path:url(#x_la_SVGID_00000033354764030288795930000001479703675480923282_);" d="M35.6,2.2h6.9
<path id="x_la_path1-93" style="clip-path:url(#x_la_SVGID_00000033354764030288795930000001479703675480923282_);" d="M35.6,2.2h6.9
L27.3,19.4L45,42.8H31.1L20.2,28.6L7.8,42.8H0.9l16-18.4L0,2.2h14.2l9.8,13L35.6,2.2z M33.1,38.8H37L12.2,6.1H8.1L33.1,38.8z"/>
</g></symbol>
<symbol id="yahoo_la" viewBox="0 0 45 45"><defs>
<rect id="yahoo_la_SVGID_1_" width="45" height="45"/>
</defs><g>
<symbol id="yahoo_la" viewBox="0 0 45 45"><g>
<clipPath id="yahoo_la_SVGID_00000013159504510969130410000001647023282424193931_">
<use xlink:href="#yahoo_la_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<path style="clip-path:url(#yahoo_la_SVGID_00000013159504510969130410000001647023282424193931_);fill:#5F01D1;" d="M0,12.2h8.6l5,12.8
l5.1-12.8H27L14.4,42.5H6l3.4-8L0,12.2L0,12.2z M36.7,22.5h-9.4l8.3-20l9.3,0L36.7,22.5L36.7,22.5z M29.8,24.4
c2.9,0,5.2,2.3,5.2,5.2c0,2.9-2.3,5.2-5.2,5.2c-2.9,0-5.2-2.3-5.2-5.2C24.6,26.7,26.9,24.4,29.8,24.4L29.8,24.4z"/>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB