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,68 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<rect id="amazon_da_SVGID_1_" width="45" height="45"/>
<clipPath id="amazon_da_SVGID_00000103945626923729522640000002728947690711649722_">
<use xlink:href="#amazon_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_amazon_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_amazon_da_SVGID_00000103945626923729522640000002728947690711649722_">
<use xlink:href="#icon_amazon_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="apple_da_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="apple_da_SVGID_00000060735205758585109570000013329734257957802172_">
<use xlink:href="#apple_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_apple_da_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="icon_apple_da_SVGID_00000060735205758585109570000013329734257957802172_">
<use xlink:href="#icon_apple_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="facebook_da_SVGID_1_" width="45" height="45"/>
<clipPath id="facebook_da_SVGID_00000034085081856624986540000002135340857348496052_">
<use xlink:href="#facebook_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_facebook_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_facebook_da_SVGID_00000034085081856624986540000002135340857348496052_">
<use xlink:href="#icon_facebook_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="google_da_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="google_da_SVGID_00000093175742716061305440000012839878743406280589_">
<use xlink:href="#google_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_google_da_SVGID_1_" y="0" width="45" height="45"/>
<clipPath id="icon_google_da_SVGID_00000093175742716061305440000012839878743406280589_">
<use xlink:href="#icon_google_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="linkedin_da_SVGID_1_" width="45" height="45"/>
<clipPath id="linkedin_da_SVGID_00000175314073918417958300000008145520864861192858_">
<use xlink:href="#linkedin_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_linkedin_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_linkedin_da_SVGID_00000175314073918417958300000008145520864861192858_">
<use xlink:href="#icon_linkedin_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="microsoft_da_SVGID_1_" width="45" height="45"/>
<clipPath id="microsoft_da_SVGID_00000134964504126155181390000016015544168301834665_">
<use xlink:href="#microsoft_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_microsoft_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_microsoft_da_SVGID_00000134964504126155181390000016015544168301834665_">
<use xlink:href="#icon_microsoft_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="outlook_da_SVGID_1_" width="45" height="45"/>
<clipPath id="outlook_da_SVGID_00000142175343618381503510000018209596900072540076_">
<use xlink:href="#outlook_da_SVGID_1_" style="overflow:visible;"/>
</clipPath><linearGradient id="outlook_da_SVGID_00000178893677566534872460000008175661915959753105_" 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_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_outlook_da_SVGID_00000142175343618381503510000018209596900072540076_">
<use xlink:href="#icon_outlook_da_SVGID_1_" style="overflow:visible;"/>
</clipPath><linearGradient id="icon_outlook_da_SVGID_00000178893677566534872460000008175661915959753105_" 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_da_SVGID_00000004522009818112132130000013891631424962776760_" 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_da_SVGID_00000004522009818112132130000013891631424962776760_" 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>
<rect id="paypal_da_SVGID_1_" width="45" height="45"/>
<rect id="icon_paypal_da_SVGID_1_" width="45" height="45"/>
<rect id="paypal_da_SVGID_00000090278111375063928200000005660436191898252989_" x="3.8" width="37.5" height="45"/>
<clipPath id="paypal_da_SVGID_00000178905000801018816270000000595340288601248653_">
<use xlink:href="#paypal_da_SVGID_1_" style="overflow:visible;"/>
</clipPath><clipPath id="paypal_da_SVGID_00000013902957048494893340000011614360303027698863_">
<use xlink:href="#paypal_da_SVGID_00000090278111375063928200000005660436191898252989_" style="overflow:visible;"/>
<rect id="icon_paypal_da_SVGID_00000090278111375063928200000005660436191898252989_" x="3.8" width="37.5" height="45"/>
<clipPath id="icon_paypal_da_SVGID_00000178905000801018816270000000595340288601248653_">
<use xlink:href="#icon_paypal_da_SVGID_1_" style="overflow:visible;"/>
</clipPath><clipPath id="icon_paypal_da_SVGID_00000013902957048494893340000011614360303027698863_">
<use xlink:href="#icon_paypal_da_SVGID_00000090278111375063928200000005660436191898252989_" style="overflow:visible;"/>
</clipPath>
<rect id="reddit_da_SVGID_1_" width="45" height="45"/>
<clipPath id="reddit_da_SVGID_00000124849647007209382570000004658845687698315425_">
<use xlink:href="#reddit_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_reddit_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_reddit_da_SVGID_00000124849647007209382570000004658845687698315425_">
<use xlink:href="#icon_reddit_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="tiktok_da_SVGID_1_" width="45" height="45"/>
<clipPath id="tiktok_da_SVGID_00000018223504416230893350000004742180968103937210_">
<use xlink:href="#tiktok_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_tiktok_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_tiktok_da_SVGID_00000018223504416230893350000004742180968103937210_">
<use xlink:href="#icon_tiktok_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="x_da_SVGID_1_" width="45" height="45"/>
<clipPath id="x_da_SVGID_00000164514804879238509620000002248351286751785613_">
<use xlink:href="#x_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_x_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_x_da_SVGID_00000164514804879238509620000002248351286751785613_">
<use xlink:href="#icon_x_da_SVGID_1_" style="overflow:visible;"/>
</clipPath>
<rect id="yahoo_da_SVGID_1_" width="45" height="45"/>
<clipPath id="yahoo_da_SVGID_00000123421341152736845370000000721072103824160703_">
<use xlink:href="#yahoo_da_SVGID_1_" style="overflow:visible;"/>
<rect id="icon_yahoo_da_SVGID_1_" width="45" height="45"/>
<clipPath id="icon_yahoo_da_SVGID_00000123421341152736845370000000721072103824160703_">
<use xlink:href="#icon_yahoo_da_SVGID_1_" style="overflow:visible;"/>
</clipPath></defs>
<symbol id="amazon_da" viewBox="0 0 45 45"><g>
<symbol id="icon_amazon_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#amazon_da_SVGID_00000103945626923729522640000002728947690711649722_);">
<g style="clip-path:url(#icon_amazon_da_SVGID_00000103945626923729522640000002728947690711649722_);">
<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
@@ -76,11 +76,11 @@
</g>
</g>
</g></symbol>
<symbol id="apple_da" viewBox="0 0 45 45"><g>
<symbol id="icon_apple_da" viewBox="0 0 45 45"><g>
<g>
<g style="clip-path:url(#apple_da_SVGID_00000060735205758585109570000013329734257957802172_);">
<g style="clip-path:url(#icon_apple_da_SVGID_00000060735205758585109570000013329734257957802172_);">
<path style="fill:#FFFFFF;" 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,11c-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.4
c1.8,2.7,4.2,5.7,7.2,5.7c2.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.9
@@ -88,10 +88,10 @@
</g>
</g>
</g></symbol>
<symbol id="facebook_da" viewBox="0 0 45 45"><g>
<symbol id="icon_facebook_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#facebook_da_SVGID_00000034085081856624986540000002135340857348496052_);">
<g style="clip-path:url(#icon_facebook_da_SVGID_00000034085081856624986540000002135340857348496052_);">
<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"/>
@@ -99,10 +99,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_da" viewBox="0 0 45 45"><g>
<symbol id="icon_google_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#google_da_SVGID_00000093175742716061305440000012839878743406280589_);">
<g style="clip-path:url(#icon_google_da_SVGID_00000093175742716061305440000012839878743406280589_);">
<g>
<g>
<g>
@@ -119,31 +119,31 @@
</g>
</g>
</g></symbol>
<symbol id="linkedin_da" viewBox="0 0 45 45"><g>
<symbol id="icon_linkedin_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#linkedin_da_SVGID_00000175314073918417958300000008145520864861192858_);">
<g style="clip-path:url(#icon_linkedin_da_SVGID_00000175314073918417958300000008145520864861192858_);">
<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_da" viewBox="0 0 45 45"><g>
<symbol id="icon_microsoft_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#microsoft_da_SVGID_00000134964504126155181390000016015544168301834665_);">
<g style="clip-path:url(#icon_microsoft_da_SVGID_00000134964504126155181390000016015544168301834665_);">
<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_da" viewBox="0 0 45 45"><g>
<symbol id="icon_outlook_da" viewBox="0 0 45 45"><g>
<g>
<g style="clip-path:url(#outlook_da_SVGID_00000142175343618381503510000018209596900072540076_);">
<g style="clip-path:url(#icon_outlook_da_SVGID_00000142175343618381503510000018209596900072540076_);">
<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"/>
@@ -157,7 +157,7 @@
<path style="fill:#0078D4;" d="M33.5,26.7h9.4v9.4h-9.4V26.7z"/>
<path style="fill:url(#outlook_da_SVGID_00000178893677566534872460000008175661915959753105_);" d="M44.5,24.4L44.5,24.4l-15.6,8.8
<path style="fill:url(#icon_outlook_da_SVGID_00000178893677566534872460000008175661915959753105_);" 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"/>
@@ -181,7 +181,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_da_SVGID_00000004522009818112132130000013891631424962776760_);" d="M1.9,11h19.2c1.1,0,1.9,0.9,1.9,1.9
<path style="fill:url(#icon_outlook_da_SVGID_00000004522009818112132130000013891631424962776760_);" 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
@@ -192,14 +192,14 @@
</g>
</g>
</g></symbol>
<symbol id="paypal_da" viewBox="0 0 45 45"><g>
<symbol id="icon_paypal_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#paypal_da_SVGID_00000178905000801018816270000000595340288601248653_);">
<g style="clip-path:url(#icon_paypal_da_SVGID_00000178905000801018816270000000595340288601248653_);">
<g>
<g style="clip-path:url(#paypal_da_SVGID_00000013902957048494893340000011614360303027698863_);">
<g style="clip-path:url(#icon_paypal_da_SVGID_00000013902957048494893340000011614360303027698863_);">
<g>
<path style="fill:#002991;" d="M35.7,10.4c0,5.6-5.2,12.1-13,12.1h-7.5l-0.4,2.3L13.1,36H3.8L9.4,0h15.2c5.1,0,9.1,2.8,10.6,6.8
C35.5,7.9,35.8,9.1,35.7,10.4z"/>
@@ -212,10 +212,10 @@
</g>
</g>
</g></symbol>
<symbol id="reddit_da" viewBox="0 0 45 45"><g>
<symbol id="icon_reddit_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#reddit_da_SVGID_00000124849647007209382570000004658845687698315425_);">
<g style="clip-path:url(#icon_reddit_da_SVGID_00000124849647007209382570000004658845687698315425_);">
<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
@@ -227,10 +227,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_da" viewBox="0 0 45 45"><g>
<symbol id="icon_tiktok_da" viewBox="0 0 45 45"><g>
<g style="clip-path:url(#tiktok_da_SVGID_00000018223504416230893350000004742180968103937210_);">
<g style="clip-path:url(#icon_tiktok_da_SVGID_00000018223504416230893350000004742180968103937210_);">
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" 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"/>
@@ -251,20 +251,20 @@
</g>
</g>
</g></symbol>
<symbol id="x_da" viewBox="0 0 45 45"><sodipodi:namedview bordercolor="#000000" borderopacity="0.25" id="x_da_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_da_page2" margin="0" width="1440" x="0" y="0"></inkscape:page>
<symbol id="icon_x_da" viewBox="0 0 45 45"><sodipodi:namedview bordercolor="#000000" borderopacity="0.25" id="icon_x_da_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_da_page2" margin="0" width="1440" x="0" y="0"></inkscape:page>
</sodipodi:namedview>
<g>
<path id="x_da_path1-93" style="clip-path:url(#x_da_SVGID_00000164514804879238509620000002248351286751785613_);fill:#FFFFFF;" d="
<path id="icon_x_da_path1-93" style="clip-path:url(#icon_x_da_SVGID_00000164514804879238509620000002248351286751785613_);fill:#FFFFFF;" d="
M35.6,2.2h6.9L27.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.1
L33.1,38.8z"/>
</g></symbol>
<symbol id="yahoo_da" viewBox="0 0 45 45"><g>
<symbol id="icon_yahoo_da" viewBox="0 0 45 45"><g>
<path style="clip-path:url(#yahoo_da_SVGID_00000123421341152736845370000000721072103824160703_);fill:#5F01D1;" d="M0,12.2h8.6l5,12.8
<path style="clip-path:url(#icon_yahoo_da_SVGID_00000123421341152736845370000000721072103824160703_);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: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB