Add shape prefix to symbol IDs, fix brand naming, add assets

- Symbol IDs now include shape for uniqueness: {shape}_{brand}_{mode}
  e.g., text-only_paypal_lm, rectangle_visa_la, icon_mastercard_dm
- Fixed brand name inconsistencies:
  - amazon_pay → amazon
  - naverpay → naver_pay
  - p24 → przelewy24
  - direct_debit → bacs (unified BACS Direct Debit name)
- Added font assets (FontAwesome, Material Icons)
- Added MprIconsAssets and MprIconsConfig classes
- Updated preview.html with shape parameter support
- All 752 icons complete (38 payment × 4 shapes × 4 modes + 12 social × 3 shapes × 4 modes)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-28 10:10:13 +00:00
parent f292284a2e
commit 99a8f5bf9b
39 changed files with 5996 additions and 4417 deletions

View File

@@ -1,60 +1,60 @@
<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"/>
<clipPath id="amazon_la_SVGID_00000142168186715899202250000013054533252006571413_">
<use xlink:href="#amazon_la_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_amazon_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_amazon_la_SVGID_00000142168186715899202250000013054533252006571413_">
<use xlink:href="#icon_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;"/>
<rect id="icon_apple_la_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="icon_apple_la_SVGID_00000114072568368762591020000006640464628649871488_">
<use xlink:href="#icon_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;"/>
<rect id="icon_facebook_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_facebook_la_SVGID_00000054257908208795084750000004230826471285896073_">
<use xlink:href="#icon_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;"/>
<rect id="icon_google_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_google_la_SVGID_00000102513091760644500740000017185415237100361878_">
<use xlink:href="#icon_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;"/>
<rect id="icon_linkedin_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_linkedin_la_SVGID_00000080907358863836193900000009604794423283550342_">
<use xlink:href="#icon_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;"/>
<rect id="icon_microsoft_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_">
<use xlink:href="#icon_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)">
<rect id="icon_outlook_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_outlook_la_SVGID_00000176730272450267255090000013251615914216981905_">
<use xlink:href="#icon_outlook_la_SVGID_1_" style="overflow:visible;"/>
</clipPath><linearGradient id="icon_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)">
</linearGradient><linearGradient id="icon_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;"/>
</linearGradient><clipPath id="icon_paypal_la_b"><rect width="45" height="45" fill="none"/></clipPath><clipPath id="icon_paypal_la_c"><rect x="3.75" width="37.5" height="45" fill="none"/></clipPath>
<rect id="icon_reddit_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_reddit_la_SVGID_00000022530605022877929990000016602649888151477144_">
<use xlink:href="#icon_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;"/>
<rect id="icon_tiktok_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_tiktok_la_SVGID_00000092438193370301972870000004532972528775059339_">
<use xlink:href="#icon_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;"/>
<rect id="icon_x_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_x_la_SVGID_00000033354764030288795930000001479703675480923282_">
<use xlink:href="#icon_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;"/>
<rect id="icon_yahoo_la_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_yahoo_la_SVGID_00000013159504510969130410000001647023282424193931_">
<use xlink:href="#icon_yahoo_la_SVGID_1_" style="overflow:visible;"/>
</clipPath></defs>
<symbol id="amazon_la" viewBox="0 0 45 45"><g>
<symbol id="icon_amazon_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#amazon_la_SVGID_00000142168186715899202250000013054533252006571413_);">
<g style="clip-path:url(#icon_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
C40.3,37.3,39.8,36.7,39,37L39,37L39,37z M44.2,34.2c-0.5-0.6-3-0.8-4.6-0.6c-1.6,0.2-4,1.2-3.8,1.8c0.1,0.2,0.3,0.1,1.4,0
@@ -68,12 +68,12 @@
</g>
</g>
</g></symbol>
<symbol id="apple_la" viewBox="0 0 45 45"><g>
<symbol id="icon_apple_la" viewBox="0 0 45 45"><g>
<g>
<g>
<g style="clip-path:url(#apple_la_SVGID_00000114072568368762591020000006640464628649871488_);">
<g style="clip-path:url(#icon_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
c2.7,0,3.9-1.8,7.2-1.8s4.5,1.8,7.2,1.8c3,0,5.1-2.7,6.9-5.4c2.1-3,3-6,3-6.3c0,0-6-2.4-6-8.9c0-5.7,4.5-8.3,4.8-8.3
@@ -82,10 +82,10 @@
</g>
</g>
</g></symbol>
<symbol id="facebook_la" viewBox="0 0 45 45"><g>
<symbol id="icon_facebook_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#facebook_la_SVGID_00000054257908208795084750000004230826471285896073_);">
<g style="clip-path:url(#icon_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
L45,22.5z"/>
@@ -93,11 +93,11 @@
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"><g>
<symbol id="icon_google_la" viewBox="0 0 45 45"><g>
<g>
<g style="clip-path:url(#google_la_SVGID_00000102513091760644500740000017185415237100361878_);">
<g style="clip-path:url(#icon_google_la_SVGID_00000102513091760644500740000017185415237100361878_);">
<g>
<g>
<g>
@@ -114,31 +114,31 @@
</g>
</g>
</g></symbol>
<symbol id="linkedin_la" viewBox="0 0 45 45"><g>
<symbol id="icon_linkedin_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#linkedin_la_SVGID_00000080907358863836193900000009604794423283550342_);">
<g style="clip-path:url(#icon_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>
<symbol id="icon_microsoft_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_);">
<g style="clip-path:url(#icon_microsoft_la_SVGID_00000126314016431027277170000003219967991448194953_);">
<path style="fill:#F25022;" d="M0,0h21.4v21.4H0V0z"/>
<path style="fill:#7FBA00;" d="M23.6,0H45v21.4H23.6V0z"/>
<path style="fill:#00A4EF;" d="M0,23.6h21.4V45H0V23.6z"/>
<path style="fill:#FFB900;" d="M23.6,23.6H45V45H23.6V23.6z"/>
</g>
</g></symbol>
<symbol id="outlook_la" viewBox="0 0 45 45"><g>
<symbol id="icon_outlook_la" viewBox="0 0 45 45"><g>
<g>
<g style="clip-path:url(#outlook_la_SVGID_00000176730272450267255090000013251615914216981905_);">
<g style="clip-path:url(#icon_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
c0.6,0.3,1.3,0.3,1.9,0c0.1,0,0.1-0.1,0.2-0.1l15.6-9.2C44.8,24.2,45,23.9,45,23.5z"/>
@@ -152,7 +152,7 @@
<path style="fill:#0078D4;" d="M33.5,26.7h9.4v9.4h-9.4V26.7z"/>
<path style="fill:url(#outlook_la_SVGID_00000029750942765430990420000002715400090524807562_);" d="M44.5,24.4L44.5,24.4l-15.6,8.8
<path style="fill:url(#icon_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"/>
@@ -176,7 +176,7 @@
<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"/>
<path style="fill:url(#outlook_la_SVGID_00000059282709050909659550000016828186450885963673_);" d="M1.9,11h19.2c1.1,0,1.9,0.9,1.9,1.9
<path style="fill:url(#icon_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
@@ -187,11 +187,11 @@
</g>
</g>
</g></symbol>
<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>
<symbol id="icon_paypal_la" viewBox="0 0 45 45"><g clip-path="url(#icon_paypal_la_b)"><g clip-path="url(#icon_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="icon_reddit_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#reddit_la_SVGID_00000022530605022877929990000016602649888151477144_);">
<g style="clip-path:url(#icon_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
c0.1,1.2,1.2,2.1,2.5,2c1.2-0.1,2.1-1.2,2-2.5s-1.2-2.1-2.5-2c-0.7,0.1-1.3,0.5-1.7,1.1L24.3,9c-0.4-0.1-0.7,0.2-0.8,0.5
@@ -203,10 +203,10 @@
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"><g>
<symbol id="icon_tiktok_la" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#tiktok_la_SVGID_00000092438193370301972870000004532972528775059339_);">
<g style="clip-path:url(#icon_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"/>
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M0,0"/>
@@ -227,19 +227,19 @@
</g>
</g>
</g></symbol>
<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>
<symbol id="icon_x_la" viewBox="0 0 45 45"><sodipodi:namedview bordercolor="#000000" borderopacity="0.25" id="icon_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="icon_x_la_page2" margin="0" width="1440" x="0" y="0"></inkscape:page>
</sodipodi:namedview>
<g>
<path id="x_la_path1-93" style="clip-path:url(#x_la_SVGID_00000033354764030288795930000001479703675480923282_);" d="M35.6,2.2h6.9
<path id="icon_x_la_path1-93" style="clip-path:url(#icon_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"><g>
<symbol id="icon_yahoo_la" viewBox="0 0 45 45"><g>
<path style="clip-path:url(#yahoo_la_SVGID_00000013159504510969130410000001647023282424193931_);fill:#5F01D1;" d="M0,12.2h8.6l5,12.8
<path style="clip-path:url(#icon_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"/>
</g></symbol>

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB