FE-562: Svg optimization. (#216)

This commit is contained in:
Ildar Galeev 2018-02-22 14:15:13 +03:00 committed by GitHub
parent 3f107c7bc8
commit 429f6ed928
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
37 changed files with 226 additions and 574 deletions

View File

@ -7,21 +7,8 @@ const prepareOutputConfig = require('./prepare-output-config');
const commonProdConfig = {
plugins: [
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
screw_ie8: true,
conditionals: true,
unused: true,
comparisons: true,
sequences: true,
dead_code: true,
evaluate: true,
if_return: true,
join_vars: true
},
comments: false
}),
new webpack.optimize.ModuleConcatenationPlugin(),
new webpack.optimize.UglifyJsPlugin(),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')

View File

@ -1,18 +1,13 @@
<svg width="17px" height="15px" viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1.000000, -2.000000)">
<rect id="Rectangle" fill-rule="nonzero" x="0.5" y="0" width="18" height="18"/>
<g id="wallet-outline" transform="translate(1.200000, 2.000000)" fill="#000000" fill-rule="nonzero">
<path d="M15.0730928,3.66629464 L15.0730928,1.98381696 C15.0730928,0.904017857 14.1375216,0 12.9940456,0 L2.3389282,0 C1.03952364,0 0,1.00446429 0,2.26004464 C0,2.26004464 0,2.26004464 0,2.26004464 L0,12.2293527 C0,13.5100446 1.09149983,14.5647321 2.41689247,14.5647321 L14.1894977,14.5647321 C15.5408785,14.5647321 16.6063902,13.5100446 16.6063902,12.2293527 L16.6063902,5.85100446 C16.6323783,4.87165179 15.982676,4.01785714 15.0730928,3.66629464 Z M2.3389282,1.00446429 L12.9940456,1.00446429 C13.5657836,1.00446429 14.0335692,1.45647321 14.0335692,1.98381696 L14.0335692,3.515625 L11.9545219,3.515625 L2.3389282,3.515625 C1.61126165,3.515625 1.03952364,2.93805804 1.03952364,2.26004464 C1.03952364,1.55691964 1.61126165,1.00446429 2.3389282,1.00446429 Z M14.2154858,13.5602679 L2.41689247,13.5602679 C1.66323783,13.5602679 1.03952364,12.9575893 1.03952364,12.2293527 L1.03952364,4.14341518 C1.40335692,4.39453125 1.87114256,4.52008929 2.3389282,4.52008929 L11.9545219,4.52008929 L14.2154858,4.52008929 C14.9691405,4.52008929 15.5928547,5.12276786 15.5928547,5.85100446 L15.5928547,7.40792411 L13.4358431,7.40792411 C12.3443433,7.40792411 11.4347601,8.26171875 11.4347601,9.29129464 C11.4347601,10.3208705 12.3443433,11.1746652 13.4358431,11.1746652 L15.5928547,11.1746652 L15.5928547,12.2293527 C15.5928547,12.9575893 14.9691405,13.5602679 14.2154858,13.5602679 Z"
id="Shape"/>
<rect id="Rectangle-path" x="2.00892857" y="1.92522321" width="10.546875" height="1"/>
</g>
<path d="M15.4154859,15.5602679 L3.61689252,15.5602679 C2.86323788,15.5602679 2.23952369,14.9575893 2.23952369,14.2293527 L2.23952369,6.14341518 C2.60335697,6.39453125 3.07114261,6.52008929 3.53892825,6.52008929 L13.154522,6.52008929 L15.4154859,6.52008929 C16.1691405,6.52008929 16.7928547,7.12276786 16.7928547,7.85100446 L16.7928547,9.40792411 L14.6358431,9.40792411 C13.5443433,9.40792411 12.6347601,10.2617188 12.6347601,11.2912946 C12.6347601,12.3208705 13.5443433,13.1746652 14.6358431,13.1746652 L16.7928547,13.1746652 L16.7928547,14.2293527 C16.7928547,14.9575893 16.1691405,15.5602679 15.4154859,15.5602679 Z"
id="Path" stroke="#000000" stroke-width="1.6"/>
<path d="M16.5,10 L16.5,12.5364683 L14.0791667,12.5364683 C13.4958333,12.5364683 13,11.9567041 13,11.2682341 C13,10.5797642 13.4958333,10 14.0791667,10 L16.5,10 Z"
id="Path" fill="#FFFFFF"/>
<circle id="Oval" fill="#000000" fill-rule="nonzero" cx="14.9384375" cy="11.2884379" r=".7"/>
<svg width="17" height="15" xmlns="http://www.w3.org/2000/svg">
<g id="icon" transform="translate(-1 -2)" fill="none" fill-rule="evenodd">
<path d="M.5 0h18v18H.5z"/>
<g fill="#000" fill-rule="nonzero">
<path d="M16.27 5.67V3.98C16.27 2.9 15.34 2 14.2 2H3.54C2.24 2 1.2 3 1.2 4.26v9.97c0 1.28 1.1 2.33 2.42 2.33h11.77a2.37 2.37 0 0 0 2.42-2.33V7.85a2.32 2.32 0 0 0-1.54-2.18zM3.54 3h10.65c.58 0 1.04.46 1.04.98v1.54H3.54c-.73 0-1.3-.58-1.3-1.26 0-.7.57-1.26 1.3-1.26zm11.88 12.56H3.62c-.76 0-1.38-.6-1.38-1.33V6.14c.36.25.83.38 1.3.38H15.42c.75 0 1.37.6 1.37 1.33v1.56h-2.15c-1.1 0-2 .85-2 1.88 0 1.03.9 1.88 2 1.88h2.15v1.06c0 .73-.62 1.33-1.37 1.33z"/>
<path d="M3.21 3.93h10.55v1H3.21z"/>
</g>
<path d="M15.42 15.56H3.62c-.76 0-1.38-.6-1.38-1.33V6.14c.36.25.83.38 1.3.38H15.42c.75 0 1.37.6 1.37 1.33v1.56h-2.15c-1.1 0-2 .85-2 1.88 0 1.03.9 1.88 2 1.88h2.15v1.06c0 .73-.62 1.33-1.37 1.33z"
stroke="#000" stroke-width="1.6"/>
<path d="M16.5 10v2.54h-2.42c-.58 0-1.08-.58-1.08-1.27 0-.69.5-1.27 1.08-1.27h2.42z" fill="#FFF"/>
<circle fill="#000" fill-rule="nonzero" cx="14.94" cy="11.29" r=".7"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,21 +0,0 @@
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g transform="translate(-45.000000, -366.000000)">
<g transform="translate(5.000000, 276.000000)">
<g transform="translate(20.000000, 70.000000)">
<g transform="translate(20.000000, 20.000000)">
<rect fill="#FFFFFF" x="0" y="0" width="40" height="40"/>
<path d="M29.99436,25 L5.0068,25 C3.899,25 3,24.0712 3,22.9252 L3,9.0748 C3,7.9288 3.899,7 5.0068,7 L29.99436,7 C31.10216,7 32,7.9288 32,9.0748 L32,22.9252 C32,24.0712 31.10216,25 29.99436,25 Z"
stroke="#0077FF" strokeWidth="2" fill="#FFFFFF"/>
<path d="M34.99436,34 L10.0068,34 C8.899,34 8,33.0712 8,31.9252 L8,18.0748 C8,16.9288 8.899,16 10.0068,16 L34.99436,16 C36.10216,16 37,16.9288 37,18.0748 L37,31.9252 C37,33.0712 36.10216,34 34.99436,34 Z"
stroke="#0077FF" strokeWidth="2" fill="#FFFFFF"/>
<polygon fill="#0077FF" points="4 13 31 13 31 12 4 12"/>
<polygon fill="#0077FF" points="11 28 27 28 27 27 11 27"/>
<polygon fill="#0077FF" points="30 28 34 28 34 27 30 27"/>
</g>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -1,11 +1,8 @@
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#FFFFFF" x="0.5" y="0" width="18" height="18"/>
<path d="M3,8.5 L16,8.5" id="Stroke-194" stroke="#181818"/>
<path d="M5,5 L14,5 L14,5 C15.1045695,5 16,5.8954305 16,7 L16,13 L16,13 C16,14.1045695 15.1045695,15 14,15 L5,15 L5,15 C3.8954305,15 3,14.1045695 3,13 L3,7 L3,7 C3,5.8954305 3.8954305,5 5,5 Z"
id="Rectangle-5" stroke="#181818" stroke-width="2"/>
<path d="M5.5,2 L5.5,5" id="Stroke-196" stroke="#181818"/>
<path d="M13.5,5 L13.5,2" id="Stroke-198" stroke="#181818"/>
<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M.5 0h18v18H.5z"/>
<path d="M3 8.5h13" stroke="#181818"/>
<path d="M5 5h9a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7c0-1.1.9-2 2-2z" stroke="#181818" stroke-width="2"/>
<path d="M5.5 2v3M13.5 5V2" stroke="#181818"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 801 B

After

Width:  |  Height:  |  Size: 403 B

View File

@ -1,9 +1,7 @@
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#FFFFFF" x="0.5" y="0" width="18" height="18"/>
<rect id="Rectangle-6" stroke="#181818" stroke-width="2" x="2" y="4" width="15" height="10" rx="2"/>
<rect id="Rectangle" fill="#181818" x="1" y="7" width="16" height="1"/>
<rect id="Rectangle-Copy" fill="#181818" x="5" y="10" width="4" height="1"/>
<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M.5 0h18v18H.5z"/>
<rect stroke="#181818" stroke-width="2" x="2" y="4" width="15" height="10" rx="2"/>
<path fill="#181818" d="M1 7h16v1H1zM5 10h4v1H5z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 603 B

After

Width:  |  Height:  |  Size: 329 B

View File

@ -1,11 +1,5 @@
<svg width='13px' height='9px' viewBox='0 0 13 9' version='1.1' xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink'>
<g id='icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
<g transform='translate(-273.000000, -18.000000)' stroke-width='2' stroke='#85D335'>
<g transform='translate(274.000000, 19.000000)'>
<path d='M10.6454338,0.354566211 L4.1038819,6.8961181'/>
<path d='M0.464623387,2.50470582 L5.39928641,6.7721517 L0.464623387,2.50470582 Z'/>
</g>
</g>
<svg width="13" height="9" xmlns="http://www.w3.org/2000/svg">
<g id="icon" stroke-width="2" stroke="#85D335" fill="none" fill-rule="evenodd">
<path d="M11.65 1.35L5.1 7.9M1.46 3.5L6.4 7.77 1.46 3.5z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 601 B

After

Width:  |  Height:  |  Size: 230 B

View File

@ -1,9 +1,5 @@
<svg width="9px" height="15px" viewBox="0 0 9 15" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backArrow/default" transform="translate(-3.000000, -32.000000)" stroke-width="2" stroke="#9013FE">
<path d="M11,33 L4.00435593,40.2956632" id="Path-2"/>
<path d="M4.02267456,38.9083252 L11,46 L4.02267456,38.9083252 Z" id="Path-2-Copy"/>
</g>
<svg width="9" height="15" xmlns="http://www.w3.org/2000/svg">
<g id="icon" stroke-width="2" stroke="#9013FE" fill="none" fill-rule="evenodd">
<path d="M8 1L1 8.3M1 7l7 7-7-7z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 533 B

After

Width:  |  Height:  |  Size: 206 B

View File

@ -1,12 +1,3 @@
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="3_6_RBK_Money_1366_pay_suggest_4" transform="translate(-1045.000000, -38.000000)" fill="#FFFFFF">
<g id="nav/close"
transform="translate(1054.000000, 47.000000) rotate(-45.000000) translate(-1054.000000, -47.000000) translate(1043.000000, 36.000000)">
<path d="M12,10 L12,0 L10,0 L10,10 L-1.13686838e-13,10 L-1.13686838e-13,12 L10,12 L10,22 L12,22 L12,12 L22,12 L22,10 L12,10 Z"
id="Combined-Shape"/>
</g>
</g>
</g>
</svg>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
<path id="icon" d="M9 7.59L1.93.5.5 1.93 7.6 9 .5 16.07l1.42 1.42L9 10.4l7.07 7.08 1.42-1.42L10.4 9l7.08-7.07L16.07.5 9 7.6z" fill="#FFF" fill-rule="evenodd"/>
</svg>

Before

Width:  |  Height:  |  Size: 757 B

After

Width:  |  Height:  |  Size: 235 B

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

View File

@ -1,9 +1,7 @@
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#FFFFFF" x="0.5" y="0" width="18" height="18"/>
<path d="M2,4 L8.2506099,9.00048792 L8.2506099,9.00048792 C8.98104721,9.58483777 10.0189528,9.58483777 10.7493901,9.00048792 L17,4"
id="Stroke-100" stroke="#181818"/>
<rect id="Rectangle-6" stroke="#181818" stroke-width="2" x="2" y="4" width="15" height="10" rx="2"/>
<svg width="19" height="18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M.5 0h18v18H.5z"/>
<path d="M2 4l6.3 5a2 2 0 0 0 2.4 0L17 4" stroke="#181818"/>
<rect stroke="#181818" stroke-width="2" x="2" y="4" width="15" height="10" rx="2"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 627 B

After

Width:  |  Height:  |  Size: 338 B

View File

@ -1,12 +1,8 @@
<svg width="18px" height="19px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#FFFFFF" x="0.5" y="0.5" width="18" height="18"/>
<path d="M12,7.25 L10.25,7.25 L10.25,7.25 C8.45507456,7.25 7,5.79492544 7,4 L7,4 L7,4 C7,2.20507456 8.45507456,0.75 10.25,0.75 L12,0.75 L12,7.25 Z"
id="Stroke-438" stroke="#181818"
transform="translate(9.500000, 4.000000) rotate(-270.000000) translate(-9.500000, -4.000000) "/>
<path d="M6,7 L13,7 L13,7 C14.1045695,7 15,7.8954305 15,9 L15,15 L15,15 C15,16.1045695 14.1045695,17 13,17 L6,17 L6,17 C4.8954305,17 4,16.1045695 4,15 L4,9 L4,9 C4,7.8954305 4.8954305,7 6,7 Z"
id="Rectangle-7" stroke="#181818" stroke-width="2"/>
<rect id="Rectangle-12" fill="#181818" x="9" y="10" width="1" height="4"/>
<svg width="18" height="19" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M.5.5h18v18H.5z"/>
<path d="M6.3 6.5V4.7c0-1.7 1.4-3.2 3.2-3.2 1.8 0 3.2 1.5 3.2 3.2v1.8H6.3z" stroke="#181818"/>
<path d="M6 7h7a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9c0-1.1.9-2 2-2z" stroke="#181818" stroke-width="2"/>
<path fill="#181818" d="M9 10h1v4H9z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 996 B

After

Width:  |  Height:  |  Size: 472 B

View File

@ -1,22 +1,10 @@
<svg width="31px" height="19px" viewBox="0 0 31 19" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="inputBg/card" transform="translate(-256.000000, -148.000000)">
<g id="Group" transform="translate(0.000000, 50.000000)">
<g id="Group-3" transform="translate(256.000000, 98.000000)">
<rect id="bg-copy-3" fill="#FFFFFF" x="0" y="0" width="31" height="19" rx="2"/>
<g id="cardLogo/mccolor" transform="translate(7.000000, 4.000000)">
<g id="_Group_">
<rect id="Rectangle-path" fill="#FF5F00" fill-rule="nonzero" x="6.56153846" y="1.18287671"
width="4.84615385" height="8.53027397"/>
<path d="M6.86923077,5.44876712 C6.86741887,3.78392349 7.64751443,2.21078064 8.98461538,1.18287671 C6.7138139,-0.56506069 3.45285189,-0.310458492 1.49344583,1.76775572 C-0.465960235,3.84596994 -0.465960235,7.05005746 1.49344583,9.12827167 C3.45285189,11.2064859 6.7138139,11.4610881 8.98461538,9.71315068 C7.64793981,8.68557307 6.8678919,7.11308197 6.86923077,5.44876712 L6.86923077,5.44876712 Z"
id="_Path_" fill="#EB001B" fill-rule="nonzero"/>
<path d="M17.9461538,5.44876712 C17.9461044,7.52571485 16.7352955,9.42031717 14.8279624,10.3279292 C12.9206292,11.2355413 10.6516292,10.9968198 8.98461538,9.71315068 C10.3207077,8.68470069 11.1008144,7.11241865 11.1008144,5.4480137 C11.1008144,3.78360875 10.3207077,2.21132671 8.98461538,1.18287671 C10.6516292,-0.100792371 12.9206292,-0.339513858 14.8279624,0.568098182 C16.7352955,1.47571022 17.9461044,3.37031255 17.9461538,5.44726027 L17.9461538,5.44876712 Z"
id="Shape" fill="#F79E1B" fill-rule="nonzero"/>
</g>
</g>
</g>
</g>
<svg width="31" height="19" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="31" height="19" rx="2"/>
<g fill-rule="nonzero">
<path fill="#FF5F00" d="M13.56 5.18h4.85v8.53h-4.85z"/>
<path d="M13.87 9.45c0-1.67.78-3.24 2.11-4.27a5.62 5.62 0 0 0-7.49.59 5.34 5.34 0 0 0 0 7.36 5.62 5.62 0 0 0 7.5.58 5.38 5.38 0 0 1-2.12-4.26z" fill="#EB001B"/>
<path d="M24.95 9.45a5.42 5.42 0 0 1-3.12 4.88c-1.9.9-4.18.67-5.85-.62a5.38 5.38 0 0 0 0-8.53 5.63 5.63 0 0 1 5.85-.61c1.9.9 3.12 2.8 3.12 4.88z" fill="#F79E1B"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 648 B

View File

@ -1,25 +0,0 @@
<svg width="63px" height="24px" viewBox="0 0 63 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-2" transform="translate(-257.000000, -30.000000)">
<g id="Group-2" transform="translate(257.000000, 30.000000)">
<g id="COMPLIANT" transform="translate(40.999890, 12.198170)" fill="#FFFFFF">
<g id="Group" transform="translate(0.000000, -0.000000)">
<path d="M1.74671571,1.43057044 L2.36256485,1.61535256 C2.32119778,1.78679016 2.25604563,1.92999486 2.16710643,2.04497098 C2.07816723,2.15994709 1.96777053,2.24669117 1.835913,2.3052058 C1.70405547,2.36372043 1.53626282,2.3929773 1.33253001,2.3929773 C1.08536178,2.3929773 0.883441808,2.35730444 0.726764039,2.28595766 C0.57008627,2.21461087 0.434869695,2.08911427 0.321110258,1.90946409 C0.207350822,1.72981391 0.150471957,1.49986513 0.150471957,1.21961085 C0.150471957,0.845938479 0.250527051,0.558759142 0.450640242,0.358064227 C0.650753432,0.157369312 0.933855056,0.0570233601 1.29995361,0.0570233601 C1.58642055,0.0570233601 1.81160915,0.114510555 1.97552616,0.22948667 C2.13944316,0.344462785 2.26121564,0.521030599 2.34084725,0.759195409 L1.72034433,0.896242146 C1.69862662,0.827461792 1.67587507,0.777160496 1.65208901,0.74533675 C1.6127903,0.691954982 1.5647018,0.6508927 1.50782208,0.622148671 C1.45094236,0.593404642 1.38734145,0.579032844 1.31701744,0.579032844 C1.15775423,0.579032844 1.03572321,0.642679381 0.950920717,0.769974365 C0.886801762,0.864419031 0.854742765,1.01275653 0.854742765,1.2149913 C0.854742765,1.46547498 0.893006729,1.63716665 0.969535804,1.73007145 C1.04606488,1.82297626 1.15361764,1.86942797 1.29219732,1.86942797 C1.42664029,1.86942797 1.52824663,1.83195864 1.59701938,1.75701885 C1.66579213,1.68207906 1.7156904,1.57326401 1.74671571,1.43057044 Z M2.61541979,1.22577026 C2.61541979,0.857230745 2.7188359,0.570308048 2.92567124,0.364993557 C3.13250658,0.159679066 3.42052047,0.0570233601 3.78972155,0.0570233601 C4.16823022,0.0570233601 4.45986368,0.157882591 4.66463066,0.359604078 C4.86939765,0.561325566 4.9717796,0.843885396 4.9717796,1.20729204 C4.9717796,1.47112117 4.92705213,1.68746807 4.83759585,1.85633923 C4.74813957,2.0252104 4.61886942,2.15660971 4.44978153,2.25054109 C4.28069364,2.34447247 4.0699833,2.39143745 3.81764418,2.39143745 C3.56116836,2.39143745 3.34890678,2.35088845 3.18085307,2.26978922 C3.01279935,2.18869 2.87654862,2.06037037 2.77209677,1.88482648 C2.66764493,1.70928259 2.61541979,1.48959938 2.61541979,1.22577026 Z M3.31813934,1.22884996 C3.31813934,1.45674904 3.36079849,1.62048489 3.44611806,1.72006242 C3.53143764,1.81963995 3.64752223,1.86942797 3.79437532,1.86942797 C3.94536512,1.86942797 4.06222534,1.82066651 4.14495947,1.72314212 C4.22769361,1.62561774 4.26906005,1.45058976 4.26906005,1.19805294 C4.26906005,0.985552441 4.22588382,0.830285686 4.13953007,0.732248016 C4.05317632,0.634210347 3.93605756,0.585192247 3.78817029,0.585192247 C3.64648809,0.585192247 3.53273036,0.634980265 3.44689369,0.734557793 C3.36105703,0.834135321 3.31813934,0.998897729 3.31813934,1.22884996 Z M5.3425301,0.0955196347 L6.26707944,0.0955196347 L6.62386862,1.46906671 L6.97910653,0.0955196347 L7.90055336,0.0955196347 L7.90055336,2.35294118 L7.32658817,2.35294118 L7.32658817,0.631387777 L6.88137733,2.35294118 L6.36170613,2.35294118 L5.91804655,0.631387777 L5.91804655,2.35294118 L5.3425301,2.35294118 L5.3425301,0.0955196347 Z M8.3457642,0.0955196347 L9.51386094,0.0955196347 C9.76826841,0.0955196347 9.95881261,0.155573223 10.0854993,0.2756822 C10.2121859,0.395791177 10.2755283,0.566712927 10.2755283,0.788452577 C10.2755283,1.01635166 10.206498,1.19445931 10.0684354,1.32278087 C9.93037283,1.45110243 9.71966249,1.51526224 9.43629808,1.51526224 L9.05158627,1.51526224 L9.05158627,2.35294118 L8.3457642,2.35294118 L8.3457642,0.0955196347 Z M9.05158627,1.0579265 L9.22377583,1.0579265 C9.35925298,1.0579265 9.4543958,1.03457233 9.50920717,0.98786328 C9.56401853,0.941154233 9.59142381,0.881357284 9.59142381,0.80847064 C9.59142381,0.737637141 9.5676381,0.677583553 9.52006597,0.628308075 C9.47249384,0.579032597 9.3830389,0.554395228 9.25169846,0.554395228 L9.05158627,0.554395228 L9.05158627,1.0579265 Z M10.6431762,0.0955196347 L11.3458958,0.0955196347 L11.3458958,1.79705497 L12.4426347,1.79705497 L12.4426347,2.35294118 L10.6431762,2.35294118 L10.6431762,0.0955196347 Z M12.7901163,0.0955196347 L13.4943871,0.0955196347 L13.4943871,2.35294118 L12.7901163,2.35294118 L12.7901163,0.0955196347 Z M15.3977798,1.98029724 L14.5973311,1.98029724 L14.4871918,2.35294118 L13.7689597,2.35294118 L14.6237024,0.0955196347 L15.3900235,0.0955196347 L16.2447663,2.35294118 L15.5094704,2.35294118 L15.3977798,1.98029724 Z M15.2504104,1.49216448 L14.9991067,0.680663008 L14.7493543,1.49216448 L15.2504104,1.49216448 Z M16.4743524,0.0955196347 L17.1305342,0.0955196347 L17.9868282,1.34433878 L17.9868282,0.0955196347 L18.6492151,0.0955196347 L18.6492151,2.35294118 L17.9868282,2.35294118 L17.135188,1.11336113 L17.135188,2.35294118 L16.4743524,2.35294118 L16.4743524,0.0955196347 Z M18.956364,0.0955196347 L21.0924453,0.0955196347 L21.0924453,0.652945691 L20.3757645,0.652945691 L20.3757645,2.35294118 L19.6730449,2.35294118 L19.6730449,0.652945691 L18.956364,0.652945691 L18.956364,0.0955196347 Z" id="COMPLIANT"/>
</g>
</g>
<g id="Rectangle-3-+-Letters" transform="translate(0.000000, 0.460022)">
<path d="M34.2262971,15.4434272 L36.2795542,14.809593 L35.6147666,13.3589909 C35.1204791,13.9567537 34.6335439,14.7294708 34.2262968,15.4434274 L34.2262971,15.4434272 Z M23.0338401,16.6997809 C23.151424,17.3296893 23.4697096,18.0047607 23.9107658,18.6277998 L8.19078025,23.4805106 L0.0247710812,1.65671035 L29.5005721,0.0174940149 L33.5269587,8.8032832 C33.0703389,9.41902978 31.7021303,11.2713658 30.4133974,13.0894234 L30.4133974,7.26057901 L26.7576968,7.26057901 L26.7576968,15.0775657 C26.252207,14.7422212 25.7209898,14.5066799 25.2095451,14.4224817 L25.2095451,14.0335302 C25.2095451,14.0036707 25.1893138,13.9930751 25.1629418,14.0088023 C25.1629418,14.0088023 24.7683257,14.3195038 23.0328312,14.4852802 C22.5408548,14.5394671 22.3074499,14.5140602 22.1300845,14.4852802 C19.6694896,14.0799801 19.5523406,12.3141802 19.5523406,12.3141802 C19.5489527,12.2849682 19.5462062,12.2369566 19.5462062,12.2073836 L19.5462062,11.5309583 C19.5462062,11.5011882 19.5490113,11.4531095 19.5532473,11.4238323 C19.5532473,11.4238323 19.71961,9.53211939 22.1301885,9.33259021 L23.032945,9.33259021 C24.0977322,9.47343195 24.952915,9.98908381 24.952915,9.98908381 C24.979073,10.0041437 25.0002785,9.99184071 25.0002785,9.96232245 L25.0002785,7.59382329 C25.0002785,7.56398353 24.9793703,7.52784311 24.9520063,7.51356988 C24.9520063,7.51356988 24.4725811,7.20749807 23.0092882,7.12222433 C22.9311483,7.07988259 21.6576754,7.07365195 21.304325,7.12222433 C15.9878909,7.53979365 15.790683,11.3070526 15.790683,11.4791062 L15.790683,12.3943286 C15.790683,12.506692 15.790683,16.3583129 21.3041039,16.6998284 C21.8427477,16.7399723 22.898141,16.6998284 23.0090798,16.6998284 C23.0173498,16.6998284 23.0256033,16.6998125 23.0338401,16.6997809 Z M28.5855471,6.36543908 C29.8193729,6.36543908 30.8195863,5.44144665 30.8195863,4.30164424 C30.8195863,3.16184183 29.8193729,2.23784941 28.5855471,2.23784941 C27.3517213,2.23784941 26.3515079,3.16184183 26.3515079,4.30164424 C26.3515079,5.44144665 27.3517213,6.36543908 28.5855471,6.36543908 Z M5.65059712,16.5727383 C5.65059637,16.6024848 5.67500667,16.6265994 5.70533409,16.6265994 L9.26657149,16.6265994 C9.29680264,16.6265994 9.32130982,16.6022124 9.32130982,16.5727667 L9.32130982,13.8595133 C9.32130982,13.8297824 9.34565114,13.807196 9.37627372,13.8088536 C9.37627372,13.8088536 15.0606633,14.2116457 15.0606638,10.4741941 C15.0606634,7.52507195 11.4942692,7.20146856 10.3201087,7.25547864 C10.2964919,7.25656499 5.70624559,7.25549129 5.70624559,7.25549129 C5.67564036,7.25548428 5.65082932,7.27992433 5.65082858,7.30933991 L5.65059712,16.5727383 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"/>
<g id="Letters" transform="translate(5.635872, 6.943732)"/>
<path d="M28.6860264,21.1237061 C28.9830996,21.1237061 29.2106612,21.1237061 29.5862787,20.9604884 C30.8842615,20.2919703 35.253227,9.84145529 39.8613724,6.62703106 C39.8894561,6.60642504 39.9271159,6.57641628 39.9488956,6.54589064 C39.9791276,6.50351854 39.9803519,6.46027388 39.9803519,6.46027388 C39.9803519,6.46027388 39.9803514,6.24469544 39.2971175,6.24469544 C35.1947258,6.13517393 30.9286484,14.5583809 28.6860266,17.8910396 C28.6580158,17.92775 28.5037539,17.8910396 28.5037539,17.8910396 C28.5037539,17.8910396 27.0009603,16.1547223 25.6953913,15.4882798 C25.6681707,15.4743847 25.5196491,15.4300455 25.3655271,15.4412417 C25.262293,15.4412417 24.6550167,15.5609359 24.3720584,15.8533613 C24.0376359,16.1989728 24.0445555,16.3929376 24.0474951,16.8135132 C24.0477346,16.8477716 24.070187,16.9862782 24.1116024,17.0572104 C24.4307716,17.6038527 25.8888102,19.5673824 27.0834683,20.6506304 C27.2683301,20.779473 27.5495956,21.1237061 28.6860264,21.1237061 L28.6860264,21.1237061 Z" id="Path-7" fill="#FFFFFF" fill-rule="nonzero"/>
</g>
<g id="DSS" transform="translate(40.281563, 0.000000)" fill="#FFFFFF">
<path d="M0.784401273,3.97695815 L4.16838881,3.97695815 C4.83546845,3.97695815 5.37431992,4.06679959 5.78495939,4.24648517 C6.19559886,4.42617075 6.53499986,4.68404896 6.80317258,5.02012755 C7.07134529,5.35620613 7.2657676,5.74718277 7.38644532,6.19306921 C7.50712304,6.63895565 7.567461,7.11145508 7.567461,7.61058169 C7.567461,8.39254671 7.47779209,8.99897645 7.29845159,9.42988908 C7.11911108,9.86080172 6.87021701,10.2218312 6.55176191,10.5129884 C6.23330681,10.8041456 5.89139173,10.9979702 5.5260064,11.094468 C5.02653472,11.2275684 4.57400005,11.2941176 4.16838881,11.2941176 L0.784401273,11.2941176 L0.784401273,3.97695815 Z M3.06218189,5.63405021 L3.06218189,9.63203435 L3.62031357,9.63203435 C4.09632014,9.63203435 4.43488311,9.57962684 4.63601265,9.47481025 C4.83714219,9.36999367 4.9946913,9.18698332 5.1086647,8.92577373 C5.2226381,8.66456414 5.27962395,8.24114475 5.27962395,7.65550286 C5.27962395,6.88019286 5.15224382,6.34946286 4.89747974,6.06329694 C4.64271566,5.77713102 4.22034997,5.63405021 3.63036999,5.63405021 L3.06218189,5.63405021 Z M8.36694691,8.8733657 L10.5341068,8.73860219 C10.5810371,9.08799081 10.6765722,9.35418768 10.820715,9.53720077 C11.0553661,9.83334922 11.390577,9.98142123 11.8263577,9.98142123 C12.1515171,9.98142123 12.4020872,9.9057215 12.5780755,9.75431976 C12.7540639,9.60291802 12.8420567,9.42739446 12.8420567,9.22774382 C12.8420567,9.03807571 12.758254,8.86837521 12.5906461,8.71863722 C12.4230381,8.56889924 12.0341935,8.42748216 11.4241006,8.29438173 C10.4251572,8.07143851 9.71283413,7.7752945 9.28710994,7.40594081 C8.8580336,7.03658712 8.64349864,6.56575141 8.64349864,5.99341957 C8.64349864,5.61741085 8.7532802,5.26220441 8.97284661,4.92778959 C9.19241302,4.59337476 9.52259573,4.33050535 9.96340463,4.13917349 C10.4042135,3.94784162 11.0084311,3.85217712 11.7760755,3.85217712 C12.7180322,3.85217712 13.4362215,4.02603695 13.9306649,4.37376182 C14.4251084,4.72148669 14.7192559,5.27467705 14.8131163,6.0333495 L12.6660693,6.15813052 C12.6090826,5.82870696 12.4892447,5.58912978 12.306552,5.4393918 C12.1238594,5.28965382 11.8716132,5.21478595 11.5498059,5.21478595 C11.2849854,5.21478595 11.0855349,5.27052092 10.9514485,5.38199253 C10.8173622,5.49346414 10.75032,5.62905817 10.75032,5.78877868 C10.75032,5.90524156 10.8056298,6.01005657 10.916251,6.10322687 C11.0235201,6.19972468 11.2782804,6.28956612 11.6805395,6.37275389 C12.6761307,6.58571458 13.3892918,6.80116767 13.8200442,7.01911962 C14.2507966,7.23707157 14.5642188,7.50742776 14.7603201,7.8301963 C14.9564214,8.15296484 15.0544706,8.51399434 15.0544706,8.91329563 C15.0544706,9.38247464 14.9237383,9.81504455 14.6622699,10.2110183 C14.4008015,10.6069921 14.0354217,10.9072954 13.5661194,11.1119373 C13.0968172,11.3165793 12.50517,11.4188987 11.7911602,11.4188987 C10.5374527,11.4188987 9.66925656,11.1793215 9.18654568,10.70016 C8.70383479,10.2209984 8.43063793,9.61207308 8.36694691,8.8733657 Z"/>
<g id="S" transform="translate(15.209876, 0.000000)">
<path d="M0.375657089,8.8733657 L2.54281702,8.73860219 C2.58974724,9.08799081 2.68528234,9.35418768 2.82942517,9.53720077 C3.0640763,9.83334922 3.39928717,9.98142123 3.83506783,9.98142123 C4.16022725,9.98142123 4.41079737,9.9057215 4.58678572,9.75431976 C4.76277406,9.60291802 4.85076691,9.42739446 4.85076691,9.22774382 C4.85076691,9.03807571 4.7669642,8.86837521 4.59935625,8.71863722 C4.4317483,8.56889924 4.0429037,8.42748216 3.43281077,8.29438173 C2.4338674,8.07143851 1.72154431,7.7752945 1.29582012,7.40594081 C0.866743775,7.03658712 0.65220882,6.56575141 0.65220882,5.99341957 C0.65220882,5.61741085 0.761990379,5.26220441 0.98155679,4.92778959 C1.2011232,4.59337476 1.53130591,4.33050535 1.97211481,4.13917349 C2.41292371,3.94784162 3.0171413,3.85217712 3.7847857,3.85217712 C4.72674236,3.85217712 5.44493165,4.02603695 5.93937509,4.37376182 C6.43381854,4.72148669 6.72796607,5.27467705 6.82182652,6.0333495 L4.67477945,6.15813052 C4.61779275,5.82870696 4.49795486,5.58912978 4.3152622,5.4393918 C4.13256954,5.28965382 3.88032336,5.21478595 3.5585161,5.21478595 C3.29369554,5.21478595 3.09424508,5.27052092 2.96015872,5.38199253 C2.82607236,5.49346414 2.75903019,5.62905817 2.75903019,5.78877868 C2.75903019,5.90524156 2.81433998,6.01005657 2.92496123,6.10322687 C3.03223031,6.19972468 3.28699057,6.28956612 3.68924965,6.37275389 C4.68484085,6.58571458 5.39800197,6.80116767 5.8287544,7.01911962 C6.25950682,7.23707157 6.57292898,7.50742776 6.76903028,7.8301963 C6.96513158,8.15296484 7.06318076,8.51399434 7.06318076,8.91329563 C7.06318076,9.38247464 6.93244852,9.81504455 6.67098012,10.2110183 C6.40951173,10.6069921 6.04413188,10.9072954 5.57482963,11.1119373 C5.10552737,11.3165793 4.51388019,11.4188987 3.79987034,11.4188987 C2.54616289,11.4188987 1.67796674,11.1793215 1.19525585,10.70016 C0.712544966,10.2209984 0.439348109,9.61207308 0.375657089,8.8733657 Z" id="S"/>
</g>
</g>
<path d="M9.25788144,12.1965936 L9.25788144,9.75205238 L10.1293579,9.75205238 C10.1293579,9.75205238 11.3966122,9.80792762 11.4952741,10.6523651 C11.5183125,10.7183435 11.5127564,11.1316928 11.495147,11.154474 C11.331885,12.1481515 10.2308842,12.1967967 10.2308842,12.1967967 L9.25788144,12.1965936 L9.25788144,12.1965936 Z" id="Path-1-path" fill="#D8D8D8"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@ -1,10 +1,7 @@
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="18" height="18"/>
<path d="M4,4 L14,4 L14,4 C15.1045695,4 16,4.8954305 16,6 L16,12 L16,12 C16,13.1045695 15.1045695,14 14,14 L4,14 L4,14 C2.8954305,14 2,13.1045695 2,12 L2,6 L2,6 C2,4.8954305 2.8954305,4 4,4 Z"
id="Rectangle-6" stroke="#181818" stroke-width="2"
transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) "/>
<rect id="Rectangle-11" fill="#181818" x="7" y="11" width="4" height="1"/>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M0 0h18v18H0z"/>
<path d="M14 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2z" stroke="#181818" stroke-width="2"/>
<path fill="#181818" d="M7 11h4v1H7z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 787 B

After

Width:  |  Height:  |  Size: 349 B

View File

@ -1,13 +1,3 @@
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="red-cross" transform="translate(-5.000000, -5.000000)" stroke="#FF0000" fill-rule="nonzero"
fill="#FF0000">
<g id="Group"
transform="translate(13.500000, 13.500000) rotate(-45.000000) translate(-13.500000, -13.500000) translate(4.218750, 4.218750)">
<polygon id="Shape"
points="10.125 8.4375 10.125 0 8.4375 0 8.4375 8.4375 -1.13686838e-13 8.4375 -1.13686838e-13 10.125 8.4375 10.125 8.4375 18.5625 10.125 18.5625 10.125 10.125 18.5625 10.125 18.5625 8.4375"/>
</g>
</g>
</g>
<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg">
<path id="icon" d="M8.5 7.3l-6-6-1.2 1.2 6 6-6 6 1.2 1.2 6-6 6 6 1.2-1.2-6-6 6-6-1.2-1.2z" stroke="red" fill-rule="nonzero" fill="red"/>
</svg>

Before

Width:  |  Height:  |  Size: 831 B

After

Width:  |  Height:  |  Size: 211 B

View File

@ -1,14 +1,7 @@
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-3">
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="18" height="18"/>
<path d="M15,12 C15,9.791 12.3138,8 9,8 C5.6862,8 3,9.791 3,12" id="Stroke-13" stroke="#181818"
stroke-width="2" stroke-linecap="round"/>
<path d="M9,8 C10.6568182,8 12,6.65681818 12,5 C12,3.34318182 10.6568182,2 9,2 C7.34318182,2 6,3.34318182 6,5 C6,6.65681818 7.34318182,8 9,8 L9,8 Z"
id="Stroke-15" stroke="#181818" stroke-width="2" stroke-linecap="round"/>
<path d="M3,12 L3,14 L3,14 C3,15.1045695 3.8954305,16 5,16 L13,16 L13,16 C14.1045695,16 15,15.1045695 15,14 L15,12"
id="Path-3" stroke="#181818" stroke-width="2"/>
</g>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M0 0h18v18H0z"/>
<path d="M15 12c0-2.2-2.7-4-6-4s-6 1.8-6 4M9 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#181818" stroke-width="2" stroke-linecap="round"/>
<path d="M3 12v2c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-2" stroke="#181818" stroke-width="2"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 984 B

After

Width:  |  Height:  |  Size: 414 B

View File

@ -1,24 +0,0 @@
<svg width="59px" height="32px" viewBox="0 0 59 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-2" transform="translate(-65.000000, -26.000000)" fill="#FFFFFF">
<g id="verified-by-visa-(1)" transform="translate(65.000000, 26.000000)">
<path d="M50.2702802,21.3171966 C50.1887633,21.9448889 50.0813092,22.5476923 49.9484879,23.1256068 C49.3895556,22.9508376 48.7442609,22.6702222 47.8336087,22.7287521 C47.2900676,22.7637607 46.6470531,22.9639658 46.6382174,23.4343932 C46.6285266,23.9554188 47.5209372,24.2652991 48.0174493,24.4931282 C48.9127101,24.9042051 49.8735266,25.4520342 49.9484879,26.5665641 C50.0057778,27.423453 49.5913527,28.1690256 49.1207778,28.5959658 C47.8678116,29.7323761 45.087686,29.8524444 43.1902802,29.1254701 C43.3085652,28.5182906 43.4160193,27.9007179 43.5123575,27.2724786 C44.2468647,27.5722393 45.2558502,27.9770256 46.362599,27.8460171 C46.8665217,27.7861197 47.483599,27.5041368 47.4659275,27.008 C47.4439807,26.4024615 46.2662609,26.0422564 45.6728406,25.728547 C44.9833671,25.3639658 44.1986957,24.7573333 44.155657,23.8315214 C44.1271546,23.2147692 44.3774058,22.6371282 44.7074638,22.2435556 C45.6870918,21.0751453 48.2047101,20.6599658 50.2702802,21.3171966" id="Fill-1"/>
<polyline id="Fill-2" points="27.7385507 9.50263248 30.2732705 9.50263248 28.7127633 18.9407179 26.1777585 18.9407179 27.7385507 9.50263248"/>
<path d="M21.18043,11.3788718 L20.7888068,13.7471453 L21.5218889,13.7471453 C22.2341643,13.7471453 22.9082464,13.2146325 23.0202609,12.5628718 C23.1319903,11.9119316 22.6406087,11.3788718 21.9280483,11.3788718 L21.18043,11.3788718 Z M18.9558164,9.50208547 L22.8369903,9.50208547 C25.3061546,9.50208547 25.9474589,10.8665983 25.6778261,12.4961368 C25.452942,13.8573675 24.4336957,14.7656752 23.1103285,15.0886838 L25.5686618,18.9407179 L22.3863671,18.9407179 L20.5428309,15.2344615 L19.930029,18.9407179 L17.3950242,18.9407179 L18.9558164,9.50208547 L18.9558164,9.50208547 Z" id="Fill-3"/>
<polyline id="Fill-4" points="39.3145217 9.50263248 41.8492415 9.50263248 40.2887343 18.9407179 37.7537295 18.9407179 39.3145217 9.50263248"/>
<polyline id="Fill-5" points="43.7748647 9.50208547 49.3402464 9.50208547 49.0007826 11.5544615 45.9706908 11.5544615 45.7039082 13.1675897 48.5846473 13.1675897 48.2454686 15.2194188 45.3644444 15.2194188 45.0885411 16.8886154 48.1189179 16.8886154 47.7794541 18.9407179 42.2143575 18.9407179 43.7748647 9.50208547"/>
<polyline id="Fill-6" points="11.8835121 9.50208547 17.4486087 9.50208547 17.1091449 11.5544615 14.0790531 11.5544615 13.8122705 13.1675897 16.6930097 13.1675897 16.3538309 15.2194188 13.4730918 15.2194188 13.1969034 16.8886154 16.2272802 16.8886154 15.8881014 18.9407179 10.3227198 18.9407179 11.8835121 9.50208547"/>
<polyline id="Fill-7" points="32.1929082 9.50208547 37.8204251 9.50208547 37.4812464 11.5544615 34.3881643 11.5544615 34.1173913 13.1675897 36.9317198 13.1675897 36.5911159 15.2194188 33.7779275 15.2194188 33.1625604 18.9407179 30.6318309 18.9407179 32.1929082 9.50208547"/>
<path d="M53.0273188,11.5544615 C53.2108744,11.5544615 53.3847391,11.5544615 53.5509082,11.5544615 C55.4885024,11.5544615 56.2458116,12.865641 56.0371739,14.1308718 C55.7561401,15.8282393 54.4846473,16.8886154 52.8229565,16.8886154 C52.6012077,16.8886154 52.3877246,16.8886154 52.1451691,16.8886154 L53.0273188,11.5544615 Z M50.8317778,9.50208547 L54.1352077,9.50208547 C58.0708213,9.50208547 58.9677923,12.3585641 58.6593961,14.2238632 C58.2184638,16.8886154 55.742744,18.9407179 52.5747005,18.9407179 L49.2712705,18.9407179 L50.8317778,9.50208547 L50.8317778,9.50208547 Z" id="Fill-9"/>
<path d="M0,8.21634188 L4.68921739,8.21634188 L5.24615459,15.0733675 C8.34864251,9.9202735 11.5021498,4.96164103 14.6784589,0.0910769231 L16.2076135,0.0910769231 C12.8448986,6.31384615 9.5249372,12.5768205 6.30929469,18.9407179 L2.86677295,18.9407179 L2.02766184,11.3788718 C1.81930918,9.50208547 1.4242657,8.70536752 0,8.50352137 L0,8.21634188" id="Fill-10"/>
<polyline id="Fill-12" points="1.77541546 4.31699145 5.77344928 5.94324786 6.12089372 10.2156581 6.41646377 10.2156581 10.0456763 4.3197265 10.0456763 4.02379487 1.77484541 4.02379487 1.77541546 4.31699145"/>
<path d="M18.2116184,21.1602051 L19.8522174,21.1602051 L19.2992705,24.8801368 C19.7678502,24.4460855 20.3410338,24.1777778 20.9814831,24.1777778 C22.2977246,24.1777778 23.1607778,25.3948718 22.9281981,26.8969573 C22.6956184,28.3990427 21.4546232,29.6175043 20.1383816,29.6175043 C19.4893816,29.6175043 19.0242222,29.3368889 18.7072754,28.865094 L18.6197729,29.4550427 L16.9788889,29.4550427 L18.2116184,21.1602051 Z M20.2592319,25.7011966 C20.8654783,25.7011966 21.2773382,26.2342564 21.1790048,26.8914872 C21.0809565,27.5481709 20.5100531,28.0809573 19.9040918,28.0809573 C19.2978454,28.0809573 18.8857005,27.5481709 18.9840338,26.8914872 C19.0820821,26.2342564 19.6532705,25.7011966 20.2592319,25.7011966 L20.2592319,25.7011966 Z" id="Fill-13"/>
<polyline id="Fill-14" points="23.069 24.3044103 25.0376618 24.3044103 25.9181014 26.9409915 27.6285314 24.3044103 29.5310676 24.3044103 24.5380145 32 22.6357633 32 24.7409517 28.7548718 23.069 24.3044103"/>
<polyline id="Fill-15" points="39.3136667 29.4523077 40.7556039 21.1577436 43.1147488 21.1577436 41.6728116 29.4523077 39.3136667 29.4523077"/>
<path d="M37.3415845,21.1405128 C38.1692947,21.1405128 38.9967198,21.1405128 39.8241449,21.1405128 C38.621058,23.9272479 37.3367391,26.6352137 36.1464783,29.4342564 L33.618029,29.4342564 L31.5208213,22.2610598 C32.2519082,22.6713162 32.9442319,23.1887863 33.5154203,23.7880342 C33.5624493,23.8380855 33.6086232,23.8881368 33.653657,23.938735 C33.7277633,24.0213333 33.8012995,24.1039316 33.8705604,24.189265 C33.8813913,24.2021197 33.8916522,24.2149744 33.9021981,24.2275556 C34.2978116,24.7228718 34.6070628,25.2630427 34.7889082,25.8354872 L34.7475797,25.6418462 C34.7484348,25.6459487 34.75043,25.6511453 34.751285,25.6549744 L34.9972609,26.7432479 C35.8346618,24.929641 36.5284106,22.977641 37.3415845,21.1405128 Z M32.8889372,21.1418803 C33.4159469,21.1418803 33.8480435,21.3768205 33.9611981,21.9722393 L34.7889082,25.8354872 C34.055256,23.5249231 31.2523285,21.7378462 29.0322754,21.3223932 L29.0322754,21.1418803 L32.8889372,21.1418803 Z" id="Combined-Shape"/>
<path d="M54.6434058,23.4384957 L53.442029,26.5225299 L55.3847536,26.5225299 L54.6434058,23.4384957 Z M58.2233092,29.4782906 C57.5030531,29.4782906 56.7827971,29.4782906 56.0625411,29.4782906 C55.9228792,29.0828034 55.8838309,28.5910427 55.7407488,28.1988376 C54.7602657,28.1988376 53.7792126,28.1988376 52.7987295,28.1988376 L52.2469227,29.4782906 C51.4194976,29.4782906 50.5917874,29.4782906 49.7643623,29.4782906 L52.982285,22.3759316 C53.1245121,22.0641368 53.3801787,21.6388376 53.4882029,21.4492991 C53.6518068,21.1621197 54.2842754,21.1405128 54.5530531,21.1405128 L56.3384444,21.1405128 L58.2233092,29.4782906 L58.2233092,29.4782906 Z" id="Fill-18"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -1,24 +1,8 @@
<svg width="31px" height="19px" viewBox="0 0 31 19" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="inputBg/card" transform="translate(-256.000000, -105.000000)">
<g id="Group" transform="translate(0.000000, 50.000000)">
<g id="Group-2" transform="translate(256.000000, 55.000000)">
<rect id="bg-copy" fill="#FFFFFF" x="0" y="0" width="31" height="19" rx="2"/>
<g id="visaLogo/color" transform="translate(1.000000, 6.000000)">
<path d="M18.9382716,0.291026538 C18.8643566,0.876587815 18.7669231,1.43893076 18.6464881,1.97805537 C18.1396791,1.81501674 17.5545615,1.5532364 16.7288324,1.60783776 C16.2359794,1.64049651 15.6529294,1.82726377 15.6449176,2.26611579 C15.6361305,2.75216993 16.4453192,3.04125094 16.8955289,3.25378799 C17.707302,3.63727322 18.5785173,4.14833171 18.6464881,5.18805381 C18.6984354,5.98742787 18.3226576,6.6829573 17.8959663,7.08124103 C16.7598457,8.14137484 14.2389813,8.25338417 12.5185185,7.5752047 C12.6257728,7.00877941 12.7232063,6.43265856 12.8105604,5.84658699 C13.476571,6.12622758 14.3914634,6.50384444 15.3950021,6.38162925 C15.8519314,6.32575216 16.411463,6.0626961 16.3954395,5.5998603 C16.3755393,5.03496589 15.307648,4.69893792 14.7695672,4.40628485 C14.1443908,4.06617453 13.432894,3.50025954 13.3938689,2.63658855 C13.3680245,2.06123313 13.5949385,1.52236367 13.8942168,1.15520782 C14.7824894,0.065221863 17.0653267,-0.322090563 18.9382716,0.291026538"
id="Fill-1" fill="#344E90"/>
<polyline id="Fill-15" fill="#344E90"
points="9.30864198 8 10.6480722 0 12.8395062 0 11.5000759 8 9.30864198 8"/>
<path d="M7.83927394,0 C7.14769385,1.77206173 6.55768126,3.65492679 5.84549679,5.40430022 L5.63630169,4.35457064 C5.63557447,4.35087719 5.63387764,4.34586466 5.63315043,4.3419074 L5.66829908,4.52869015 C5.513645,3.97652025 5.2506361,3.45548081 4.91417863,2.97770743 C4.90520966,2.96557182 4.8964831,2.9531724 4.88727173,2.94077299 C4.82836743,2.85846194 4.76582707,2.77878908 4.70280189,2.69911621 C4.66450198,2.65030999 4.62523245,2.60203139 4.5852357,2.5537528 C4.09945705,1.9757288 3.51065648,1.4765862 2.88888889,1.08086004 L4.67250133,8 L6.8228718,8 C7.83515306,5.30009234 8.92742782,2.68803588 9.95061728,0 C9.24691697,0 8.54321666,0 7.83927394,0"
id="Fill-16" fill="#344E90"/>
<path d="M3.44073591,0 L0,0 L0,0.166656955 C1.98062908,0.550220461 4.48127182,2.20012431 5.13580247,4.33333333 L4.39735763,0.766621992 C4.29640632,0.216906552 3.91090964,0 3.44073591,0"
id="Fill-17" fill="#EB902D"/>
<path d="M22.7397224,2.20488765 L21.6456085,5.16398229 L23.4148802,5.16398229 L22.7397224,2.20488765 Z M26,8 C25.3440508,8 24.6881017,8 24.0321525,8 C23.9049602,7.62053469 23.8693982,7.14869608 23.7390909,6.77237986 C22.8461487,6.77237986 21.9526872,6.77237986 21.059745,6.77237986 L20.5572054,8 C19.8036555,8 19.0498461,8 18.2962963,8 L21.2269121,1.18536985 C21.3564406,0.886206331 21.5892805,0.478136789 21.6876599,0.296276857 C21.8366567,0.0207315073 22.4126563,0 22.6574367,0 L24.2834223,0 L26,8 L26,8 Z"
id="Fill-18" fill="#344E90"/>
</g>
</g>
</g>
</g>
<svg width="31" height="19" xmlns="http://www.w3.org/2000/svg">
<g id="icon" fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="31" height="19" rx="2"/>
<path d="M19.94 6.3c-.08.58-.17 1.14-.3 1.68-.5-.16-1.09-.43-1.91-.37-.5.03-1.08.22-1.09.66 0 .48.8.77 1.26.98.8.39 1.68.9 1.75 1.94.05.8-.33 1.5-.75 1.9-1.14 1.05-3.66 1.16-5.38.49l.3-1.73c.66.28 1.57.65 2.58.53.45-.05 1.01-.32 1-.78-.02-.57-1.1-.9-1.63-1.2-.63-.33-1.34-.9-1.38-1.76-.02-.58.2-1.12.5-1.48.9-1.1 3.18-1.48 5.05-.87M10.3 14l1.35-8h2.19l-1.34 8h-2.2M8.84 6c-.7 1.77-1.28 3.65-2 5.4l-.2-1.05.03.18a5.1 5.1 0 0 0-.76-1.55l-.02-.04a6.32 6.32 0 0 0-.3-.39 7.46 7.46 0 0 0-1.7-1.47L5.67 14h2.15c1.02-2.7 2.1-5.31 3.13-8H8.84" fill="#344E90"/>
<path d="M4.44 6H1v.17c1.98.38 4.48 2.03 5.14 4.16L5.4 6.77C5.3 6.22 4.9 6 4.44 6" fill="#EB902D"/>
<path d="M23.74 8.2l-1.1 2.96h1.77l-.67-2.96zM27 14h-1.97c-.13-.38-.16-.85-.3-1.23h-2.67l-.5 1.23H19.3l2.93-6.81c.13-.3.36-.71.46-.9.15-.27.72-.29.97-.29h1.62L27 14z" fill="#344E90"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -1,17 +1,12 @@
@import '../../../../styles/variables';
@import '../../../../styles/responsive';
$localWhite: rgba(255, 255, 255, .6);
$local-white: rgba(255, 255, 255, .6);
.footer {
padding: 30px 25px;
@include responsive(sm) {
width: 680px;
padding: 15px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
}
@ -20,7 +15,6 @@ $localWhite: rgba(255, 255, 255, .6);
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
@ -30,12 +24,7 @@ $localWhite: rgba(255, 255, 255, .6);
flex-wrap: nowrap;
flex-direction: row;
margin: 0 0 15px;
@include responsive(sm) {
width: auto;
}
.text {
.label {
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: 900;
@ -44,32 +33,26 @@ $localWhite: rgba(255, 255, 255, .6);
line-height: 15px;
text-transform: uppercase;
margin: 0;
@include responsive(sm) {
color: $localWhite;
transform: translateZ(0); //transparency chrome fix
color: $local-white;
}
}
svg {
.secure_icon {
margin-right: 8px;
position: relative;
top: -2px;
path {
stroke: $lightest-purple2;
}
rect {
fill: $lightest-purple2;
}
@include responsive(sm) {
path {
stroke: $localWhite;
stroke: $local-white;
}
rect {
fill: $localWhite;
fill: $local-white;
}
}
}
@ -78,38 +61,20 @@ $localWhite: rgba(255, 255, 255, .6);
.safe_logos {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
margin-bottom: 25px;
@include responsive(sm) {
width: auto;
}
svg {
margin-right: 25px;
}
.visa_icon {
height: 32px;
width: 59px;
transform: translateZ(0); //transparency chrome fix
}
.mc_icon {
height: 22px;
width: 63px;
.align_fix {
position: relative;
top: 4px;
transform: translateZ(0); //transparency chrome fix
}
.pci_icon {
height: 24px;
width: 63px;
position: relative;
top: 4px;
transform: translateZ(0); //transparency chrome fix
.fill_icons {
fill: $lightest-purple2;
@include responsive(sm) {
fill: $local-white;
}
}
}
@ -122,10 +87,9 @@ $localWhite: rgba(255, 255, 255, .6);
letter-spacing: 0;
line-height: 18px;
margin: 0 0 20px;
@include responsive(sm) {
color: $localWhite;
transform: translateZ(0); //transparency chrome fix
color: $local-white;
max-width: 680px;
}
}
@ -141,30 +105,16 @@ $localWhite: rgba(255, 255, 255, .6);
line-height: 15px;
padding: 0;
margin: 0;
hr {
border-color: $lightest-purple2;
border-bottom: 0;
padding: 0;
margin: 0 0 3px;
}
@include responsive(sm) {
color: $localWhite;
transform: translateZ(0); //transparency chrome fix
color: $local-white;
hr {
border-color: $localWhite;
transform: translateZ(0); //transparency chrome fix
border-color: $local-white;
}
}
}
.fill_icons {
fill: $lightest-purple2;
@include responsive(sm) {
fill: $localWhite;
}
}

View File

@ -1,11 +1,10 @@
export const footer: string;
export const safe_payment_container: string;
export const safe_payment: string;
export const text: string;
export const label: string;
export const safe_logos: string;
export const visa_icon: string;
export const mc_icon: string;
export const pci_icon: string;
export const copyright: string;
export const offer: string;
export const fill_icons: string;
export const align_fix: string;
export const secure_icon: string;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,16 @@
import * as React from 'react';
import { StylizedSvgIcon } from './stylized-svg-icon';
export const PciDssIcon: React.SFC<StylizedSvgIcon> = (props) => (
<svg className={props.className} width='63' height='24'>
<g className={props.fillStyle} fill='none' fillRule='evenodd'>
<path className={props.fillStyle} d='M42.75 13.63l.61.18c-.04.17-.1.32-.2.43-.08.12-.2.2-.32.26-.14.06-.3.1-.5.1-.25 0-.46-.04-.61-.12a.96.96 0 0 1-.4-.37 1.27 1.27 0 0 1-.18-.7c0-.37.1-.65.3-.85.2-.2.48-.3.85-.3.29 0 .51.05.68.17.16.11.28.29.36.53l-.62.13a.4.4 0 0 0-.4-.32.41.41 0 0 0-.37.2.8.8 0 0 0-.1.44c0 .25.04.43.12.52.08.1.18.14.32.14s.24-.04.3-.11a.7.7 0 0 0 .16-.33zm.87-.2c0-.37.1-.66.3-.87.21-.2.5-.3.87-.3.38 0 .67.1.87.3.2.2.31.48.31.85 0 .26-.04.48-.13.64a.95.95 0 0 1-.39.4c-.17.1-.38.14-.63.14-.26 0-.47-.04-.64-.12a.96.96 0 0 1-.4-.39c-.11-.17-.16-.4-.16-.66zm.7 0c0 .22.04.39.13.49.08.1.2.15.34.15.16 0 .27-.05.35-.15.09-.1.13-.27.13-.52 0-.22-.04-.37-.13-.47a.44.44 0 0 0-.35-.15.43.43 0 0 0-.34.15c-.09.1-.13.27-.13.5zm2.02-1.14h.93l.35 1.38.36-1.38h.92v2.26h-.57v-1.72l-.45 1.72h-.52l-.44-1.72v1.72h-.58V12.3zm3 0h1.17c.26 0 .45.06.58.18.12.12.19.3.19.52a.7.7 0 0 1-.21.53c-.14.13-.35.2-.63.2h-.39v.83h-.7V12.3zm.71.97h.17c.14 0 .23-.03.29-.07.05-.05.08-.11.08-.18a.25.25 0 0 0-.07-.18c-.05-.05-.14-.08-.27-.08h-.2v.5zm1.6-.97h.7V14h1.1v.56h-1.8V12.3zm2.14 0h.7v2.26h-.7V12.3zm2.6 1.89h-.8l-.1.37h-.72l.85-2.26h.77l.85 2.26h-.73l-.11-.37zm-.14-.49l-.25-.81-.25.81h.5zm1.22-1.4h.66l.86 1.25V12.3h.66v2.26h-.66l-.85-1.24v1.24h-.67V12.3zm2.49 0h2.13v.56h-.71v1.7h-.7v-1.7h-.72v-.56z' fill='#FFF'/>
<path className={props.fillStyle} d='M34.23 15.9l2.05-.63-.67-1.45c-.49.6-.98 1.37-1.38 2.08zm-11.2 1.26c.12.63.44 1.3.88 1.93L8.2 23.94.02 2.12 29.5.48l4.03 8.78c-.46.62-1.83 2.47-3.12 4.29V7.72h-3.65v7.82a4.07 4.07 0 0 0-1.55-.66v-.39c0-.03-.02-.04-.05-.02 0 0-.4.31-2.13.48-.49.05-.72.02-.9 0-2.46-.41-2.58-2.18-2.58-2.18V12a.9.9 0 0 1 0-.1s.17-1.9 2.58-2.1h.9c1.07.14 1.92.66 1.92.66.03.01.05 0 .05-.03V8.05a.1.1 0 0 0-.05-.08s-.48-.3-1.94-.39c-.08-.04-1.35-.05-1.7 0-5.32.42-5.52 4.19-5.52 4.36v.91c0 .12 0 3.97 5.51 4.31.54.04 1.6 0 1.7 0h.03zM28.6 6.83c1.23 0 2.23-.93 2.23-2.07 0-1.14-1-2.06-2.23-2.06-1.24 0-2.24.92-2.24 2.06 0 1.14 1 2.07 2.24 2.07zM5.65 17.03c0 .03.03.06.06.06h3.56c.03 0 .05-.03.05-.06v-2.71c0-.03.03-.05.06-.05 0 0 5.68.4 5.68-3.34 0-2.94-3.57-3.27-4.74-3.21H5.71a.05.05 0 0 0-.06.05v9.26z' fill='#FFF' fillRule='nonzero'/>
<path className={props.fillStyle} d='M28.69 21.58c.3 0 .52 0 .9-.16 1.3-.67 5.66-11.12 10.27-14.33a.41.41 0 0 0 .09-.08c.03-.05.03-.09.03-.09s0-.22-.68-.22c-4.1-.1-8.37 8.32-10.61 11.65-.03.04-.19 0-.19 0s-1.5-1.74-2.8-2.4a.81.81 0 0 0-.33-.05c-.1 0-.71.12-1 .41-.33.35-.33.54-.32.96 0 .04.02.18.06.25.32.54 1.78 2.5 2.97 3.6.19.12.47.46 1.6.46z' fill='#FFF' fillRule='nonzero'/>
<g fill='#FFF'>
<path className={props.fillStyle} d='M41.07 3.98h3.38c.67 0 1.2.09 1.62.27.4.18.75.43 1.01.77.27.34.47.73.59 1.17.12.45.18.92.18 1.42 0 .78-.1 1.39-.27 1.82-.18.43-.43.8-.75 1.08-.32.3-.66.49-1.02.58-.5.14-.95.2-1.36.2h-3.38V3.98zm2.27 1.65v4h.56c.48 0 .82-.05 1.02-.16.2-.1.36-.28.47-.54.11-.27.17-.69.17-1.27 0-.78-.13-1.31-.38-1.6-.26-.28-.68-.43-1.27-.43h-.57zm5.3 3.24l2.18-.13c.04.35.14.61.28.8.24.3.57.44 1 .44.33 0 .58-.07.76-.23a.68.68 0 0 0 .26-.52.67.67 0 0 0-.25-.51c-.17-.15-.55-.3-1.16-.43-1-.22-1.72-.51-2.14-.88a1.78 1.78 0 0 1-.64-1.42c0-.37.1-.73.32-1.06.22-.34.55-.6 1-.8.44-.18 1.04-.28 1.8-.28.95 0 1.67.18 2.16.52.5.35.8.9.88 1.66l-2.14.13c-.06-.33-.18-.57-.36-.72a1.16 1.16 0 0 0-.76-.23c-.26 0-.46.06-.6.17a.51.51 0 0 0-.2.4c0 .13.06.23.17.32.1.1.36.19.76.27 1 .22 1.71.43 2.14.65.43.22.75.49.94.81.2.32.3.68.3 1.08a2.45 2.45 0 0 1-1.49 2.2c-.47.2-1.06.3-1.78.3-1.25 0-2.12-.23-2.6-.71a2.83 2.83 0 0 1-.82-1.83zM55.87 8.87l2.16-.13c.05.35.15.61.3.8.23.3.56.44 1 .44.32 0 .57-.07.75-.23a.68.68 0 0 0 .26-.52.67.67 0 0 0-.25-.51c-.17-.15-.56-.3-1.17-.43-1-.22-1.7-.51-2.13-.88a1.78 1.78 0 0 1-.65-1.42c0-.37.11-.73.33-1.06.22-.34.55-.6 1-.8.43-.18 1.04-.28 1.8-.28.95 0 1.67.18 2.16.52.5.35.79.9.88 1.66l-2.14.13c-.06-.33-.18-.57-.36-.72a1.16 1.16 0 0 0-.76-.23c-.26 0-.46.06-.6.17a.51.51 0 0 0-.2.4c0 .13.06.23.17.32.1.1.36.19.76.27 1 .22 1.7.43 2.14.65.43.22.74.49.94.81.2.32.3.68.3 1.08a2.45 2.45 0 0 1-1.49 2.2c-.47.2-1.06.3-1.78.3-1.25 0-2.12-.23-2.6-.71a2.83 2.83 0 0 1-.82-1.83z'/>
</g>
<path d='M9.26 12.2V9.75h.87s1.27.06 1.37.9c.02.07.01.48 0 .5-.17 1-1.27 1.05-1.27 1.05h-.97z' fill='#D8D8D8'/>
</g>
</svg>
);

View File

@ -0,0 +1,11 @@
import * as React from 'react';
import { StylizedSvgIcon } from './stylized-svg-icon';
export const SecureIcon: React.SFC<StylizedSvgIcon> = (props) => (
<svg className={props.className} width='8' height='11'>
<g fill='none' fillRule='evenodd'>
<path d='M1 4.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5h-.5V3C6.5 1.6195 5.3807.5003 4 .5003 2.6195.5002 1.5003 1.6194 1.5003 3V4.5H1z'/>
<rect fillRule='evenodd' x='1' y='4' width='6' height='6'/>
</g>
</svg>
);

View File

@ -0,0 +1,4 @@
export interface StylizedSvgIcon {
className?: string;
fillStyle?: string;
}

View File

@ -0,0 +1,12 @@
import * as React from 'react';
import { StylizedSvgIcon } from './stylized-svg-icon';
export const VisaIcon: React.SFC<StylizedSvgIcon> = (props) => (
<svg className={props.className} width='59' height='32'>
<g className={props.fillStyle} fill='#FFF' fillRule='evenodd'>
<path d='M50.27 21.32a19 19 0 0 1-.32 1.8c-.56-.17-1.2-.45-2.12-.4-.54.04-1.18.24-1.2.71 0 .53.9.84 1.39 1.06.9.41 1.85.96 1.93 2.08.06.85-.36 1.6-.83 2.03-1.25 1.13-4.03 1.25-5.93.53.12-.61.23-1.23.32-1.86.74.3 1.75.7 2.85.58.5-.06 1.12-.35 1.1-.84-.02-.6-1.2-.97-1.79-1.28-.69-.37-1.47-.97-1.51-1.9-.03-.62.22-1.2.55-1.59.98-1.16 3.5-1.58 5.56-.92M27.74 9.5h2.53l-1.56 9.44h-2.53l1.56-9.44M21.18 11.38l-.4 2.37h.74c.71 0 1.39-.54 1.5-1.19.11-.65-.38-1.18-1.1-1.18h-.74zM18.96 9.5h3.88c2.47 0 3.1 1.37 2.84 3-.23 1.36-1.25 2.27-2.57 2.59l2.46 3.85h-3.18l-1.85-3.7-.61 3.7H17.4l1.56-9.44zM39.31 9.5h2.54l-1.56 9.44h-2.54l1.56-9.44M43.77 9.5h5.57L49 11.55h-3.03l-.27 1.62h2.88l-.33 2.05h-2.89l-.27 1.67h3.03l-.34 2.05H42.2l1.56-9.44M11.88 9.5h5.57l-.34 2.05h-3.03l-.27 1.62h2.88l-.34 2.05h-2.88l-.27 1.67h3.03l-.34 2.05h-5.57l1.56-9.44M32.2 9.5h5.62l-.34 2.05h-3.1l-.26 1.62h2.81l-.34 2.05h-2.81l-.62 3.72h-2.53L32.2 9.5M53.03 11.55h.52c1.94 0 2.7 1.32 2.49 2.58a3.14 3.14 0 0 1-3.22 2.76h-.67l.88-5.34zm-2.2-2.05h3.3c3.94 0 4.84 2.86 4.53 4.72-.44 2.67-2.92 4.72-6.09 4.72h-3.3l1.56-9.44zM0 8.22h4.69l.56 6.85C8.35 9.92 11.5 4.97 14.68.1h1.53a771.62 771.62 0 0 0-9.9 18.85H2.87l-.84-7.56C1.82 9.5 1.43 8.7 0 8.5v-.28'/>
<path d='M1.78 4.32l4 1.62.34 4.28h.3l3.63-5.9v-.3H1.77v.3M18.21 21.16h1.64l-.55 3.72c.47-.43 1.04-.7 1.68-.7 1.32 0 2.18 1.21 1.95 2.72-.23 1.5-1.48 2.72-2.8 2.72-.64 0-1.1-.28-1.42-.75l-.09.59h-1.64l1.23-8.3zm2.05 4.54c.6 0 1.02.53.92 1.2-.1.65-.67 1.18-1.28 1.18-.6 0-1.01-.53-.92-1.19.1-.66.67-1.19 1.28-1.19z'/>
<path d='M23.07 24.3h1.97l.88 2.64 1.7-2.64h1.91l-5 7.7h-1.9l2.11-3.25-1.67-4.45M39.31 29.45l1.45-8.3h2.35l-1.44 8.3h-2.36M37.34 21.14h2.48c-1.2 2.79-2.48 5.5-3.67 8.3h-2.53l-2.1-7.18a8.55 8.55 0 0 1 2.35 1.93l.03.04c.4.5.7 1.03.89 1.6l-.04-.19v.01l.25 1.1c.83-1.82 1.53-3.77 2.34-5.6zm-4.45 0c.53 0 .96.24 1.07.83l.83 3.87c-.73-2.32-3.54-4.1-5.76-4.52v-.18h3.86zM54.64 23.44l-1.2 3.08h1.94l-.74-3.08zm3.58 6.04h-2.16c-.14-.4-.18-.89-.32-1.28H52.8l-.55 1.28h-2.49l3.22-7.1c.14-.32.4-.74.5-.93.17-.29.8-.3 1.07-.3h1.79l1.88 8.33z'/>
</g>
</svg>
);

View File

@ -4,26 +4,16 @@ import * as styles from '../../payment-methods.scss';
export const BankCardIcon: React.SFC = () => (
<div className={styles.icon}>
{/* tslint:disable:max-line-length */}
<svg width='40px' height='40px' viewBox='0 0 40 40'>
<svg width='40' height='40'>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-45.000000, -366.000000)'>
<g transform='translate(5.000000, 276.000000)'>
<g transform='translate(20.000000, 70.000000)'>
<g transform='translate(20.000000, 20.000000)'>
<rect fill='#FFFFFF' x='0' y='0' width='40' height='40'/>
<path
d='M29.99436,25 L5.0068,25 C3.899,25 3,24.0712 3,22.9252 L3,9.0748 C3,7.9288 3.899,7 5.0068,7 L29.99436,7 C31.10216,7 32,7.9288 32,9.0748 L32,22.9252 C32,24.0712 31.10216,25 29.99436,25 Z'
stroke='#0077FF' strokeWidth='2' fill='#FFFFFF'/>
<path
d='M34.99436,34 L10.0068,34 C8.899,34 8,33.0712 8,31.9252 L8,18.0748 C8,16.9288 8.899,16 10.0068,16 L34.99436,16 C36.10216,16 37,16.9288 37,18.0748 L37,31.9252 C37,33.0712 36.10216,34 34.99436,34 Z'
stroke='#0077FF' strokeWidth='2' fill='#FFFFFF'/>
<polygon fill='#0077FF' points='4 13 31 13 31 12 4 12'/>
<polygon fill='#0077FF' points='11 28 27 28 27 27 11 27'/>
<polygon fill='#0077FF' points='30 28 34 28 34 27 30 27'/>
</g>
</g>
</g>
</g>
<path fill='#FFF' d='M0 0h40v40H0z'/>
<path
d='M29.994 25H5.007C3.899 25 3 24.071 3 22.925V9.075C3 7.929 3.899 7 5.007 7h24.987C31.102 7 32 7.929 32 9.075v13.85C32 24.071 31.102 25 29.994 25z'
stroke='#07F' strokeWidth='2' fill='#FFF'/>
<path
d='M34.994 34H10.007C8.899 34 8 33.071 8 31.925v-13.85C8 16.929 8.899 16 10.007 16h24.987c1.108 0 2.006.929 2.006 2.075v13.85C37 33.071 36.102 34 34.994 34z'
stroke='#07F' strokeWidth='2' fill='#FFF'/>
<path fill='#07F' d='M4 13h27v-1H4zm7 15h16v-1H11zm19 0h4v-1h-4z'/>
</g>
</svg>
{/* tslint:enable:max-line-length */}

View File

@ -4,26 +4,12 @@ import * as styles from '../../payment-methods.scss';
export const TerminalsIcon: React.SFC = () => (
<div className={styles.icon}>
{/* tslint:disable:max-line-length */}
<svg width='40px' height='40px' viewBox='0 0 40 40'>
<svg width='40' height='40'>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-45.000000, -456.000000)'>
<g transform='translate(5.000000, 276.000000)'>
<g transform='translate(20.000000, 160.000000)'>
<g transform='translate(20.000000, 20.000000)'>
<rect fill='#FFFFFF' x='0' y='0' width='40' height='40'/>
<g transform='translate(8.000000, 3.000000)'>
<path
d='M24,33 L0,33 L0,2.3674 C0,1.0602 1.05726316,0 2.36084211,0 L21.6391579,0 C22.9427368,0 24,1.0602 24,2.3674 L24,33 Z'
stroke='#0077FF' strokeWidth='2' fill='#FFFFFF'/>
<path d='M3,16 L21,16 L21,3 L3,3 L3,16 Z M4,15 L20,15 L20,4 L4,4 L4,15 Z'
fill='#0077FF'/>
<polygon fill='#0077FF' points='0 19 24 19 24 18 0 18'/>
<polygon fill='#0077FF' points='15 24 21 24 21 23 15 23'/>
</g>
</g>
</g>
</g>
</g>
<path fill='#FFF' d='M0 0h40v40H0z'/>
<path d='M32 36H8V5.367A2.364 2.364 0 0 1 10.36 3h19.28C30.942 3 32 4.06 32 5.367V36z' stroke='#07F'
strokeWidth='2' fill='#FFF'/>
<path d='M11 19h18V6H11v13zm1-1h16V7H12v11zm-4 4h24v-1H8zm15 5h6v-1h-6z' fill='#07F'/>
</g>
</svg>
{/* tslint:enable:max-line-length */}

View File

@ -4,37 +4,19 @@ import * as styles from '../../payment-methods.scss';
export const WalletsIcon: React.SFC = () => (
<div className={styles.icon}>
{/* tslint:disable:max-line-length */}
<svg width='40px' height='40px' viewBox='0 0 40 40' version='1.1'>
<svg width='40' height='40' version='1.1'>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-700.000000, -384.000000)'>
<g transform='translate(675.000000, 170.000000)'>
<g transform='translate(0.000000, 194.000000)'>
<g transform='translate(25.000000, 20.000000)'>
<rect fill='#FFFFFF' x='0' y='0' width='40' height='40'/>
<g strokeWidth='1' transform='translate(5.000000, 6.000000)'>
<g transform='translate(0.000000, 2.000000)'>
<g transform='translate(1.000000, 0.000000)' fill='#FFFFFF'>
<path
d='M29,9.56521739 L29,23.7155652 C29,24.9775217 27.98964,26 26.74264,26 L2.25736,26 C1.01036,26 0,24.9775217 0,23.7155652 L0,0.138695652'
id='Fill-1'/>
</g>
<path
d='M30,9.56521739 L30,23.7155652 C30,24.9775217 28.98964,26 27.74264,26 L2.25736,26 C1.01036,26 0,24.9775217 0,23.7155652 L0,0.138695652'
id='Stroke-3' stroke='#0077FF' strokeWidth='2'/>
</g>
<path
d='M30,12 L30,9.5784 C30,7.602 28.4514,6 27.68,6 L3.42432,6 C1.02312,6 0,4.9416 0,3.636 L0,2.364 C0,1.0584 1.02312,0 2.2852,0 L21.83128,0 C23.76848,0 25.33912,1.6248 25.33912,3.6288 L25.33912,6'
id='Stroke-5' stroke='#0077FF' strokeWidth='2'/>
<g transform='translate(7.000000, 13.000000)'>
<polyline fill='#FFFFFF'
points='0.566666667 7.875 8.5 0 8.5 9 16.4333333 1.125'/>
<polyline stroke='#0077FF'
points='0.566666667 7.875 8.5 0 8.5 9 16.4333333 1.125'/>
</g>
</g>
</g>
</g>
</g>
<path fill='#FFF' d='M0 0h40v40H0z'/>
<g strokeWidth='1'>
<path d='M35 17.565v14.15C35 32.979 33.99 34 32.743 34H8.257C7.01 34 6 32.978 6 31.716V8.139'
fill='#FFF'/>
<path d='M35 17.565v14.15C35 32.979 33.99 34 32.743 34H7.257C6.01 34 5 32.978 5 31.716V8.139'
stroke='#07F' strokeWidth='2'/>
<path
d='M35 18v-2.422C35 13.602 33.451 12 32.68 12H8.424C6.024 12 5 10.942 5 9.636V8.364C5 7.058 6.023 6 7.285 6h19.546c1.937 0 3.508 1.625 3.508 3.629V12'
stroke='#07F' strokeWidth='2'/>
<path fill='#FFF' d='M12.567 26.875L20.5 19v9l7.933-7.875'/>
<path stroke='#07F' d='M12.567 26.875L20.5 19v9l7.933-7.875'/>
</g>
</g>
</svg>

View File

@ -2,7 +2,7 @@ import * as React from 'react';
import * as styles from './checkmark.scss';
export const Checkmark: React.SFC = () => (
<svg className={styles.checkmark} xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' id='checkmark-icon'>
<svg className={styles.checkmark} viewBox='0 0 52 52'>
<circle cx='26' cy='26' r='25' fill='none'/>
<path fill='none' d='M14.1 27.2l7.1 7.2 16.7-16.8'/>
</svg>

View File

@ -2,9 +2,8 @@ import * as React from 'react';
import * as styles from './cross.scss';
export const Cross: React.SFC = () => (
<svg className={styles.cross} viewBox='0 0 50 50' version='1.1' id='cross-icon'>
<svg className={styles.cross} viewBox='0 0 50 50'>
<circle cx='26' cy='26' r='25' fill='none'/>
<path d='M36,36.8502994 L13.5,13' strokeLinecap='square'/>
<path d='M14,37 L36,13' strokeLinecap='square'/>
<path d='M36 36.85L13.5 13M14 37l22-24'/>
</svg>
);

View File

@ -2,14 +2,10 @@ import * as React from 'react';
import * as styles from './warning.scss';
export const Warning: React.SFC = () => (
<svg viewBox='0 0 50 50' version='1.1' className={styles.warning}>
<g stroke='none' strokeWidth='0' fill='none' fillRule='evenodd'>
<g id='warning'>
<circle id='Oval' cx='25' cy='25' r='25'/>
<path
d='M28.4211313,35.5394344 C28.4211313,37.4408848 26.9000291,39 24.9605656,39 C23.0211022,39 21.5,37.4408848 21.5,35.5394344 C21.5,33.6380566 23.0211749,32.0789414 24.9605656,32.0789414 C26.8999564,32.0789414 28.4211313,33.6380566 28.4211313,35.5394344 Z M26.5465007,28.6183758 L23.3385799,28.6183758 C22.8630901,28.6183758 22.4716215,28.2444236 22.4498894,27.7694426 L21.7707428,12.9303377 C21.7475571,12.4235944 22.1521813,12 22.6594334,12 L27.2595174,12 C27.7676417,12 28.172484,12.42483 28.1481353,12.9323728 L27.435046,27.771405 C27.4122963,28.2455865 27.021191,28.6183758 26.5465007,28.6183758 Z'
fillRule='nonzero'/>
</g>
<svg viewBox='0 0 50 50' className={styles.warning}>
<g fill='none'>
<circle cx='25' cy='25' r='25'/>
<path d='M28.42 35.54c0 1.9-1.52 3.46-3.46 3.46a3.45 3.45 0 0 1-3.46-3.46c0-1.9 1.52-3.46 3.46-3.46a3.45 3.45 0 0 1 3.46 3.46zm-1.87-6.92h-3.21a.89.89 0 0 1-.89-.85l-.68-14.84a.89.89 0 0 1 .89-.93h4.6c.5 0 .91.42.89.93l-.71 14.84a.89.89 0 0 1-.9.85z'/>
</g>
</svg>
);

View File

@ -88,18 +88,12 @@ class InfoDef extends React.Component<InfoProps, InfoState> {
{recurrent ? <div>
<div className={styles.subscription} onClick={this.toggleHelp}>
<span>{locale['info.subscription.label']}</span>
<svg width='15px' height='15px' viewBox='0 0 15 15'>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-201.000000, -205.000000)'>
<g transform='translate(25.000000, 30.000000)'>
<g transform='translate(177.000000, 176.000000)'>
<circle strokeWidth='2' cx='6.5' cy='6.5' r='6.5'/>
<text>
<tspan x='4' y='10'>?</tspan>
</text>
</g>
</g>
</g>
<svg width='15' height='15'>
<g transform='translate(1 1)' fill='none'>
<circle cx='7' cy='7' r='7'/>
<text>
<tspan x='4' y='10'>?</tspan>
</text>
</g>
</svg>
</div>

View File

@ -1,14 +0,0 @@
import * as React from 'react';
export const ChevronIcon: React.SFC = () => (
<svg width='9px' height='60px' viewBox='0 0 9 60'>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-25.000000, 0.000000)'>
<g transform='translate(25.000000, 0.000000)'>
<path d='M8,24 L1,31' strokeWidth='2'/>
<path d='M1,30 L8,37 L1,30 Z' strokeWidth='2'/>
</g>
</g>
</g>
</svg>
);

View File

@ -1,5 +1,4 @@
export enum IconType {
bankCard = 'bank-card',
calendar = 'calendar',
checkmark = 'checkmark',
redCross = 'red-cross',
@ -9,11 +8,8 @@ export enum IconType {
card = 'card',
letter = 'letter',
lock = 'lock',
mcSecure = 'mc-secure',
pciDss = 'pci-dss',
phone = 'phone',
user = 'user',
verByVisa = 'ver-by-visa',
visa = 'visa',
mastercard = 'mastercard',
eurosetLogo = 'euroset-logo'

View File

@ -6,8 +6,8 @@ interface IconProps {
className?: string;
}
export const Icon: React.SFC<IconProps> = (props) => {
return (
<svg {...props} dangerouslySetInnerHTML={{__html: `<use xlink:href='assets/icons/${props.icon}.svg#icon' />`}}/>
);
};
export const Icon: React.SFC<IconProps> = (props) => (
<svg className={props.className}>
<use xlinkHref={`assets/icons/${props.icon}.svg#icon`}/>
</svg>
);

View File

@ -2,21 +2,20 @@ import * as React from 'react';
import * as styles from './loader.scss';
import * as cx from 'classnames';
const LoaderDef = () =>
(
<svg className={cx(styles.loader)} width='57px' height='57px' viewBox='0 0 57 57'>
<defs>
<linearGradient x1='81.0546875%' y1='14.7277462%' x2='0%' y2='112.362939%' id='linearGradient'>
<stop stopColor='#01CAFF' offset='0%'/>
<stop stopColor='#6D00C9' offset='100%'/>
</linearGradient>
</defs>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-655.000000, -383.000000)' strokeWidth='4' stroke='url(#linearGradient)'>
<circle cx='683.5' cy='411.5' r='26.5'/>
</g>
const LoaderDef = () => (
<svg className={cx(styles.loader)} width='57px' height='57px' viewBox='0 0 57 57'>
<defs>
<linearGradient x1='81.0546875%' y1='14.7277462%' x2='0%' y2='112.362939%' id='linearGradient'>
<stop stopColor='#01CAFF' offset='0%'/>
<stop stopColor='#6D00C9' offset='100%'/>
</linearGradient>
</defs>
<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
<g transform='translate(-655.000000, -383.000000)' strokeWidth='4' stroke='url(#linearGradient)'>
<circle cx='683.5' cy='411.5' r='26.5'/>
</g>
</svg>
);
</g>
</svg>
);
export const Loader = LoaderDef;