Replace three image layout with a single unified image

This new image positions all the images correctly and makes sure it all uses the correct line width even though they are scaled relatively to each other.

Contributes to issue CURA-8609.
This commit is contained in:
Ghostkeeper 2021-10-05 11:44:06 +02:00
parent 6b0e221b73
commit d8dcd0affc
No known key found for this signature in database
GPG Key ID: 68F39EA88EEED5FF
5 changed files with 95 additions and 144 deletions

View File

@ -45,81 +45,13 @@ Window
font: UM.Theme.getFont("medium")
color: UM.Theme.getColor("text")
wrapMode: Text.WordWrap
width: parent.width - parent.anchors.margins * 2
}
Row
{
/*
This is a row with 3 images, and a dashed line between each of them.
The images have various sizes, scaled to the window size:
- The computer screen and 3D printer have 1/3rd of the window size each.
- The remaining space is 2/3rds filled with the material spool image (so 2/9th in total).
- The remaining remaining space is divided equally over the two dashed lines (so 1/9th in total, or 1/18th per line).
*/
width: parent.width
height: parent.height * 2 / 3
Item
{
width: Math.round(parent.width * 2 / 9)
height: parent.height
Image
{
id: spool_image
source: UM.Theme.getImage("material_spool")
width: parent.width - UM.Theme.getSize("default_margin").width
anchors.bottom: parent.bottom
fillMode: Image.PreserveAspectFit
sourceSize.width: width
}
}
Canvas
{
width: Math.round(parent.width / 18)
height: UM.Theme.getSize("thick_lining").width
onPaint: {
var ctx = getContext("2d");
ctx.setLineDash([2, 2]);
ctx.lineWidth = UM.Theme.getSize("thick_lining").width;
ctx.beginPath();
ctx.moveTo(0, height / 2);
ctx.lineTo(width, height / 2);
ctx.stroke();
}
anchors.bottom: parent.bottom
anchors.bottomMargin: spool_image.paintedHeight / 2 - height / 2 //Align to the vertical center of spool_image's real size.
}
Image
{
source: UM.Theme.getImage("connected_cura")
width: Math.round(parent.width / 3)
anchors.bottom: parent.bottom
fillMode: Image.PreserveAspectFit
sourceSize.width: width
}
Canvas
{
width: Math.round(parent.width / 18)
height: UM.Theme.getSize("thick_lining").width
onPaint: {
var ctx = getContext("2d");
ctx.setLineDash([2, 2]);
ctx.lineWidth = UM.Theme.getSize("thick_lining").width;
ctx.beginPath();
ctx.moveTo(0, height / 2);
ctx.lineTo(width, height / 2);
ctx.stroke();
}
anchors.bottom: parent.bottom
anchors.bottomMargin: spool_image.paintedHeight / 2 - height / 2 //Align to the vertical center of spool_image's real size.
}
Image
{
source: UM.Theme.getImage("3d_printer")
width: Math.round(parent.width / 3)
anchors.bottom: parent.bottom
fillMode: Image.PreserveAspectFit
sourceSize.width: width
}
}
Image
{
source: UM.Theme.getImage("material_ecosystem")
width: parent.width
sourceSize.width: width
}
}
}

View File

@ -1,27 +0,0 @@
<svg width="215" height="264" viewBox="0 0 215 264" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.0901 70.97C48.0901 70.97 78.3101 -1.23003 96.0901 2.32997C113.87 5.88997 105.63 69.83 105.63 69.83" stroke="#061884" stroke-width="4" stroke-linecap="round"/>
<path d="M166.95 80.97C166.95 80.97 136.73 8.76997 118.95 12.33C101.17 15.89 109.41 79.83 109.41 79.83" stroke="#061884" stroke-width="4" stroke-linecap="round"/>
<path d="M186.32 262.83L186.03 262.55C185.98 262.5 180.54 257.55 170.93 257.55H43.9501C39.0813 257.517 34.3749 259.299 30.7501 262.55L30.4601 262.85H22.4601C20.1759 262.844 18.3256 260.994 18.3201 258.71V74.11C18.3256 71.8258 20.1759 69.9755 22.4601 69.97H192.63C194.917 69.97 196.77 71.8235 196.77 74.11V258.69C196.77 260.976 194.917 262.83 192.63 262.83H186.32Z" fill="#F3F8FE"/>
<path d="M22.39 68.97H192.63H192.65C195.489 68.97 197.79 71.2712 197.79 74.11V258.69C197.79 261.529 195.489 263.83 192.65 263.83H185.94L185.36 263.28C185.31 263.23 180.21 258.53 170.95 258.53H43.95C39.3441 258.485 34.8857 260.153 31.44 263.21L30.85 263.83H22.39C19.5535 263.824 17.2555 261.526 17.25 258.69V74.11C17.2555 71.2735 19.5535 68.9755 22.39 68.97ZM195.77 74.11C195.77 72.3758 194.364 70.97 192.63 70.97H22.39C20.6581 70.9755 19.2555 72.3781 19.25 74.11V258.69C19.2555 260.422 20.6581 261.824 22.39 261.83H30.04C33.8378 258.365 38.8093 256.471 43.95 256.53H170.93C181.09 256.53 186.72 261.83 186.72 261.83H192.63C194.364 261.83 195.77 260.424 195.77 258.69V74.11Z" fill="#061884"/>
<path d="M42.2601 230.82C35.8117 230.815 30.5856 225.588 30.5801 219.14V91.28C30.5801 90.1755 31.4755 89.28 32.5801 89.28H182.46C183.565 89.28 184.46 90.1755 184.46 91.28V219.14C184.455 225.588 179.228 230.815 172.78 230.82H42.2601Z" fill="white"/>
<path d="M32.5701 88.28H182.43C184.087 88.28 185.43 89.6232 185.43 91.28V219.14C185.43 226.143 179.753 231.82 172.75 231.82H42.2501C35.2471 231.82 29.5701 226.143 29.5701 219.14V91.28C29.5701 89.6232 30.9132 88.28 32.5701 88.28ZM183.46 91.3C183.46 90.7477 183.012 90.3 182.46 90.3V90.28H32.5801C32.0278 90.28 31.5801 90.7277 31.5801 91.28V219.14C31.5856 225.036 36.364 229.815 42.2601 229.82H172.78C178.676 229.815 183.455 225.036 183.46 219.14V91.3Z" fill="#F3F8FE"/>
<path d="M32.5701 86.28H182.43C185.191 86.28 187.43 88.5186 187.43 91.28V219.14C187.419 227.243 180.853 233.809 172.75 233.82H42.2501C34.1471 233.809 27.5811 227.243 27.5701 219.14V91.28C27.5701 88.5186 29.8086 86.28 32.5701 86.28ZM185.46 91.3C185.46 89.6432 184.117 88.3 182.46 88.3V88.28H32.5801C30.9232 88.28 29.5801 89.6232 29.5801 91.28V219.14C29.5801 226.143 35.2571 231.82 42.2601 231.82H172.78C179.783 231.82 185.46 226.143 185.46 219.14V91.3Z" fill="#061884"/>
<path d="M124.83 171.85H89.4801L71.8101 202.46L89.4801 233.07H124.83L142.51 202.46L124.83 171.85Z" fill="#DDE9FD"/>
<circle cx="181.23" cy="238.99" r="1.65" fill="#061884"/>
<circle cx="33.37" cy="238.99" r="1.65" fill="#061884"/>
<circle cx="181.3" cy="74.43" r="1.65" fill="#061884"/>
<circle cx="133.35" cy="74.43" r="1.65" fill="#061884"/>
<circle cx="82.7401" cy="74.43" r="1.65" fill="#061884"/>
<circle cx="33.44" cy="74.43" r="1.65" fill="#061884"/>
<rect x="54.3301" y="242.91" width="7.01" height="2.47" fill="#061884"/>
<rect x="82.3101" y="225.41" width="50.41" height="26.44" rx="2.33" fill="white"/>
<path d="M84.6401 224.41H130.38C132.221 224.41 133.715 225.899 133.72 227.74V249.51C133.715 251.351 132.221 252.84 130.38 252.84H84.6401C82.801 252.84 81.3101 251.349 81.3101 249.51V227.74C81.3101 226.857 81.6609 226.01 82.2854 225.385C82.9099 224.761 83.7569 224.41 84.6401 224.41ZM131.72 227.74C131.715 227.004 131.116 226.41 130.38 226.41H84.6401C83.9055 226.41 83.3101 227.005 83.3101 227.74V249.51C83.3074 249.864 83.4466 250.203 83.6966 250.453C83.9466 250.703 84.2865 250.843 84.6401 250.84H130.38C130.735 250.843 131.075 250.704 131.327 250.454C131.579 250.204 131.72 249.865 131.72 249.51V227.74Z" fill="#061884"/>
<path d="M84.6399 226.41H130.38C131.116 226.41 131.714 227.004 131.72 227.74V249.51C131.72 249.865 131.578 250.204 131.327 250.454C131.075 250.704 130.734 250.843 130.38 250.84H84.6399C84.2863 250.843 83.9464 250.703 83.6964 250.453C83.4464 250.203 83.3072 249.864 83.3099 249.51V227.74C83.3099 227.387 83.45 227.049 83.6994 226.8C83.9488 226.55 84.2871 226.41 84.6399 226.41ZM129.72 248.84V228.41H85.3099V248.84H129.72Z" fill="#C5DBFB"/>
<path d="M1.94995 262.83H213.07" stroke="#061884" stroke-width="2" stroke-linecap="round"/>
<path d="M96.6501 110.48C95.0887 110.479 93.6977 109.493 93.1801 108.02L88.8101 96.02C88.6586 95.6102 88.5808 95.1768 88.5801 94.74V90.2H126.45V94.95C126.448 95.3835 126.371 95.8134 126.22 96.22L121.82 108.1C121.294 109.552 119.915 110.52 118.37 110.52L96.6501 110.48Z" fill="white"/>
<path d="M87.5801 89.2H127.42V91.22V94.97C127.419 95.5227 127.321 96.071 127.13 96.59L122.73 108.45C122.064 110.302 120.308 111.538 118.34 111.54H96.6501C94.672 111.542 92.908 110.295 92.2501 108.43L87.8701 96.43C87.6787 95.9113 87.5805 95.3628 87.5801 94.81V89.2ZM125.44 94.95V91.2H89.5801V94.8C89.5813 95.1208 89.6388 95.439 89.7501 95.74L94.1201 107.74C94.5004 108.811 95.5132 109.528 96.6501 109.53H118.36C119.487 109.531 120.493 108.822 120.87 107.76L125.27 95.88C125.381 95.5824 125.439 95.2676 125.44 94.95Z" fill="#061884"/>
<path d="M100.33 112.36C99.7409 112.361 99.1776 112.119 98.7726 111.691C98.3677 111.264 98.1569 110.688 98.1899 110.1L99.0199 96.2C99.1084 95.1623 99.9784 94.3662 101.02 94.37H114.11C115.12 94.3945 115.943 95.1908 116 96.2L116.83 110.11C116.859 110.696 116.649 111.27 116.25 111.7C115.845 112.13 115.28 112.373 114.69 112.37L100.33 112.36Z" fill="white"/>
<path d="M100.95 93.4099H113.99C115.538 93.4363 116.812 94.6363 116.93 96.1799L117.76 110.09C117.813 110.954 117.505 111.802 116.91 112.431C116.315 113.06 115.486 113.414 114.62 113.41H100.26C99.3959 113.412 98.5696 113.056 97.9768 112.427C97.3841 111.798 97.0776 110.952 97.13 110.09L97.95 96.1799C98.0705 94.6135 99.379 93.4053 100.95 93.4099ZM115.06 96.2499C115.004 95.741 114.572 95.3568 114.06 95.3599L114.11 95.4099H101.02C100.769 95.3935 100.522 95.4785 100.334 95.6458C100.146 95.813 100.033 96.0487 100.02 96.2999L99.19 110.2C99.1847 110.506 99.3024 110.801 99.5168 111.019C99.7312 111.237 100.024 111.36 100.33 111.36H114.74C115.055 111.361 115.356 111.231 115.572 111.002C115.788 110.772 115.899 110.464 115.88 110.15L115.06 96.2499Z" fill="#061884"/>
<path d="M86.9501 94.86C84.1334 94.86 81.8501 92.5767 81.8501 89.76C81.8501 86.9434 84.1334 84.66 86.9501 84.66H128.16C130.977 84.66 133.26 86.9434 133.26 89.76C133.26 92.5767 130.977 94.86 128.16 94.86H86.9501Z" fill="white"/>
<path d="M86.9501 83.66H128.16C131.529 83.66 134.26 86.3911 134.26 89.76C134.26 93.129 131.529 95.86 128.16 95.86H86.9501C83.5812 95.86 80.8501 93.129 80.8501 89.76C80.8501 86.3911 83.5812 83.66 86.9501 83.66ZM132.22 89.76C132.22 87.4957 130.384 85.66 128.12 85.66H86.9501C84.6857 85.66 82.8501 87.4957 82.8501 89.76C82.8501 92.0244 84.6857 93.86 86.9501 93.86H128.12C130.384 93.86 132.22 92.0244 132.22 89.76Z" fill="#061884"/>
</svg>

Before

Width:  |  Height:  |  Size: 6.9 KiB

View File

@ -1,15 +0,0 @@
<svg width="281" height="260" viewBox="0 0 281 260" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.0101 90.9543H248.37C251.537 90.9543 254.104 93.5215 254.104 96.6883V244.4H26.3137V96.6883C26.3137 93.5362 28.858 90.975 32.0101 90.9543Z" fill="#F3F8FE" stroke="#061884" stroke-width="1.88"/>
<path d="M36.71 244.306C36.1909 244.306 35.77 243.885 35.77 243.366V99.64C35.77 98.6017 36.6117 97.76 37.65 97.76H245.099C246.656 97.76 247.919 99.0226 247.919 100.58V243.366C247.919 243.885 247.498 244.306 246.979 244.306H36.71Z" fill="white"/>
<path d="M37.6501 96.8199H245.099C247.175 96.8199 248.859 98.5034 248.859 100.58V243.366C248.859 244.404 248.017 245.246 246.979 245.246H36.7101C35.6718 245.246 34.8301 244.404 34.8301 243.366V99.6399C34.8301 98.0825 36.0926 96.8199 37.6501 96.8199ZM246.979 100.58C246.979 99.5417 246.137 98.6999 245.099 98.6999H37.6501C37.1309 98.6999 36.7101 99.1208 36.7101 99.6399V243.366H246.979V100.58Z" fill="#061884"/>
<path d="M37.65 98.7H245.099C246.137 98.7 246.979 99.5417 246.979 100.58V243.366H36.71V99.64C36.71 99.1208 37.1308 98.7 37.65 98.7ZM245.099 241.486V100.58H38.59V241.486H245.099Z" fill="#F3F8FE"/>
<path d="M0.98999 258.885H279.427H0.98999Z" fill="white"/>
<path d="M0.98999 258.885H279.427" stroke="#061884" stroke-width="1.88" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.4479 258.885C12.4122 258.875 5.90191 252.361 5.89673 244.325C5.89673 243.806 6.31758 243.385 6.83673 243.385H273.59C274.109 243.385 274.53 243.806 274.53 244.325C274.52 252.362 268.007 258.875 259.969 258.885H20.4479Z" fill="#F3F8FE"/>
<path d="M6.83679 242.445H273.59C274.628 242.445 275.47 243.287 275.47 244.325C275.46 252.885 268.52 259.82 259.96 259.825H20.448C11.8931 259.815 4.96197 252.88 4.95679 244.325C4.95679 243.287 5.79849 242.445 6.83679 242.445ZM259.969 257.945C267.492 257.945 273.59 251.847 273.59 244.325H6.83679C6.83429 247.936 8.26722 251.401 10.8201 253.955C13.373 256.51 16.8364 257.945 20.448 257.945H259.969Z" fill="#061884"/>
<path d="M161.354 244.325H119.054V244.898C119.059 247.179 120.909 249.025 123.19 249.025H157.227C159.506 249.025 161.354 247.177 161.354 244.898V244.325Z" fill="#061884"/>
<path d="M156.052 218.071H100.122V162.141L124.092 138.171H180.022V194.101L156.052 218.071Z" fill="#F3F8FE" stroke="#061884" stroke-width="1.88"/>
<path d="M152.057 158.146H140.11C129.078 158.146 120.135 167.089 120.135 178.121C120.135 189.153 129.078 198.096 140.11 198.096H152.095" stroke="#061884" stroke-width="1.88" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="182.372" cy="140.051" r="23.5" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M163.61 140.06C163.61 129.677 172.027 121.26 182.41 121.26C187.396 121.26 192.178 123.241 195.704 126.766C199.229 130.292 201.21 135.074 201.21 140.06C201.21 150.443 192.793 158.86 182.41 158.86C172.027 158.86 163.61 150.443 163.61 140.06ZM189.178 133.48H197.958C195.613 127.938 190.502 124.059 184.535 123.29C186.758 126.336 188.338 129.803 189.178 133.48ZM188.05 140.06C188.048 141.636 187.91 143.208 187.637 144.76H177.146C176.595 141.651 176.595 138.469 177.146 135.36H187.599C187.885 136.911 188.036 138.483 188.05 140.06ZM182.41 156.482C184.696 153.579 186.339 150.225 187.232 146.64H177.588H177.55C178.455 150.228 180.111 153.583 182.41 156.482ZM177.588 133.48C178.476 129.888 180.12 126.526 182.41 123.619C184.687 126.53 186.318 129.891 187.195 133.48H177.588ZM175.605 133.48C176.456 129.8 178.049 126.333 180.286 123.29L180.248 123.281C174.264 124.038 169.136 127.924 166.787 133.48H175.605ZM166.186 135.36H175.294C174.78 138.472 174.78 141.648 175.294 144.76H166.186C165.283 141.692 165.283 138.428 166.186 135.36ZM175.661 146.64H166.844H166.787C169.148 152.208 174.301 156.093 180.305 156.83C178.081 153.784 176.501 150.317 175.661 146.64ZM184.553 156.83L184.567 156.811C190.517 156.036 195.613 152.167 197.958 146.64H189.141C188.319 150.305 186.763 153.765 184.567 156.811L184.497 156.82L184.553 156.83ZM189.545 144.76H198.653C199.556 141.692 199.556 138.428 198.653 135.36H189.545C190.059 138.472 190.059 141.648 189.545 144.76Z" fill="#061884"/>
</svg>

Before

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,89 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335.22 139.01">
<defs>
<style>
.cls-1,.cls-6{fill:#f3f8fe;}
.cls-2{fill:#061884;}
.cls-14,.cls-15,.cls-16,.cls-3{fill:none;}
.cls-14,.cls-15,.cls-16,.cls-3,.cls-5,.cls-6,.cls-9{stroke:#061884;}
.cls-11,.cls-13,.cls-14,.cls-15,.cls-3,.cls-4,.cls-5,.cls-6,.cls-9{stroke-miterlimit:10;}
.cls-11,.cls-13,.cls-4,.cls-5,.cls-7,.cls-9{fill:#fff;}
.cls-4{stroke:#f3f8fe;stroke-width:3px;}
.cls-14,.cls-15,.cls-16,.cls-5{stroke-linecap:round;}
.cls-8{fill:#c5dbfb;}
.cls-10{fill:#dde9fd;}
.cls-11{stroke:#e8f1fe;}
.cls-12{fill:#e8f0fd;}
.cls-13{stroke:#d1e2fc;}
.cls-15{stroke-dasharray:4.9 4.9;}
.cls-16{stroke-linejoin:round;}
</style>
</defs>
<path class="cls-1" d="M194.33,117.61H98.66V118h0a4.37,4.37,0,0,0,4.37,4.37H190a4.37,4.37,0,0,0,4.37-4.37v-.35"/>
<path class="cls-2" d="M138.41,116.94a2.69,2.69,0,0,0,2.69,2.69h10.78a2.69,2.69,0,0,0,2.7-2.69H138.41Z"/>
<path class="cls-1" d="M186.58,117.28V63.72a2.36,2.36,0,0,0-2.36-2.35H108.77a2.36,2.36,0,0,0-2.36,2.35v53.56Z"/>
<path class="cls-3" d="M186.58,117.28V63.72a2.36,2.36,0,0,0-2.36-2.35H108.77a2.36,2.36,0,0,0-2.36,2.35v53.56"/>
<path class="cls-4" d="M109.49,117.32V66A1.52,1.52,0,0,1,111,64.51h71.16A1.52,1.52,0,0,1,183.68,66v51.29"/>
<path class="cls-3" d="M109.49,117.32V66A1.52,1.52,0,0,1,111,64.51h71.16A1.52,1.52,0,0,1,183.68,66v51.29"/>
<path class="cls-3" d="M190,122.67a4.71,4.71,0,0,0,4.7-4.71v-.35a.33.33,0,0,0-.33-.33H98.66a.33.33,0,0,0-.33.33V118a4.71,4.71,0,0,0,4.7,4.71Z"/>
<line class="cls-5" x1="217.22" y1="123.01" x2="323.22" y2="123.01"/>
<path class="cls-2" d="M266.49,9c-3.56,0-8,5.29-13.58,16.11-4.26,8.27-7.6,16.87-7.64,17a.79.79,0,1,0,1.48.58c5-13,14.95-33.13,20.15-32s4.92,19.66,3.56,31.08a.79.79,0,0,0,1.57.19c.38-3.17,3.46-31-4.8-32.82A3.65,3.65,0,0,0,266.49,9Z"/>
<path class="cls-2" d="M277.67,13.75a3.64,3.64,0,0,0-.74.07c-8.26,1.79-5.18,29.65-4.8,32.82a.79.79,0,1,0,1.57-.18c-1.36-11.43-1.6-30,3.57-31.09s15.11,19,20.14,32a.79.79,0,0,0,1.48-.57c0-.09-3.38-8.68-7.64-17C285.68,19,281.23,13.75,277.67,13.75Z"/>
<path class="cls-6" d="M309.23,122.69a2.07,2.07,0,0,0,2.06-2.06V43.25a2.11,2.11,0,0,0-2.06-2.11H232.6a2.12,2.12,0,0,0-2.06,2.11v77.38a2.08,2.08,0,0,0,2.06,2.06h5.57l.63-.36c3.28-1.83,3.63-2,8-2h47.5c4.35,0,4.69.19,8,2l.63.36Z"/>
<rect class="cls-2" x="248.25" y="114.3" width="3.17" height="0.79"/>
<circle class="cls-2" cx="239.54" cy="43.85" r="0.79"/>
<circle class="cls-2" cx="260.13" cy="43.85" r="0.79"/>
<circle class="cls-2" cx="280.71" cy="43.85" r="0.79"/>
<circle class="cls-2" cx="301.29" cy="43.85" r="0.79"/>
<circle class="cls-2" cx="239.54" cy="114.3" r="0.79"/>
<circle class="cls-2" cx="301.29" cy="114.3" r="0.79"/>
<path class="cls-7" d="M300.36,110a6.08,6.08,0,0,0,6.08-6.08V53.41a2.85,2.85,0,0,0-2.84-2.84H238a2.85,2.85,0,0,0-2.84,2.84v50.46a6.08,6.08,0,0,0,6.07,6.08Z"/>
<path class="cls-1" d="M303.6,51H238a2.45,2.45,0,0,0-2.45,2.44v50.46a5.69,5.69,0,0,0,5.68,5.68h59.1a5.68,5.68,0,0,0,5.68-5.68V53.41A2.44,2.44,0,0,0,303.6,51m3.23,2.44v50.46h0a6.46,6.46,0,0,1-6.47,6.47h-59.1a6.47,6.47,0,0,1-6.47-6.47V53.41A3.24,3.24,0,0,1,238,50.18H303.6A3.23,3.23,0,0,1,306.83,53.41Z"/>
<path class="cls-2" d="M303.6,50.39h0a3,3,0,0,1,3,3v50.46a6.3,6.3,0,0,1-6.27,6.27h-59.1a6.28,6.28,0,0,1-6.26-6.27V53.41a3,3,0,0,1,3-3H303.6m0-1H238a4,4,0,0,0-4,4v50.46a7.27,7.27,0,0,0,7.26,7.27h59.1a7.29,7.29,0,0,0,7.27-7.27V53.41a4,4,0,0,0-4-4Z"/>
<path class="cls-8" d="M279.92,106.39h-19v9.5h19v-9.5m0-.8h0a.79.79,0,0,1,.77.78v9.54h0a.78.78,0,0,1-.77.77h-19a.77.77,0,0,1-.77-.77v-9.54a.77.77,0,0,1,.77-.78Z"/>
<path class="cls-9" d="M276,58.49a1.23,1.23,0,0,0,1.18-.9l1.51-5.7V49.78H262.1v2.11l1.51,5.71a1.22,1.22,0,0,0,1.18.89Z"/>
<path class="cls-9" d="M274.28,60.07h.14a1.24,1.24,0,0,0,1.08-1.36l-.77-6.55h-8.62l-.77,6.55a.66.66,0,0,0,0,.14,1.23,1.23,0,0,0,1.23,1.22Z"/>
<path class="cls-9" d="M280.53,52.16a2.39,2.39,0,0,0,0-4.75H260.31a2.39,2.39,0,0,0,0,4.75h20.22Z"/>
<polygon class="cls-10" points="279.02 80.01 261.43 80.01 252.63 95.25 261.43 110.48 279.02 110.48 287.82 95.25 279.02 80.01"/>
<path class="cls-11" d="M260.9,106a.38.38,0,0,0-.38.38v9.54h0a.38.38,0,0,0,.38.37h19a.37.37,0,0,0,.37-.37v-9.54h0a.37.37,0,0,0-.37-.38Z"/>
<path class="cls-2" d="M279.94,105.8a.57.57,0,0,1,.56.57v9.54a.56.56,0,0,1-.56.56h-19a.57.57,0,0,1-.57-.56v-9.54a.58.58,0,0,1,.57-.57h19m0-1h-19a1.57,1.57,0,0,0-1.57,1.57v9.54a1.56,1.56,0,0,0,1.57,1.56h19a1.56,1.56,0,0,0,1.56-1.56v-9.54a1.56,1.56,0,0,0-1.56-1.57Z"/>
<line class="cls-9" x1="270.54" y1="47.41" x2="270.54" y2="52.07"/>
<circle class="cls-7" cx="42.11" cy="99.88" r="21.04"/>
<path class="cls-1" d="M42.11,80.27a19.61,19.61,0,1,0,19.6,19.61,19.65,19.65,0,0,0-19.6-19.61M64.58,99.88A22.47,22.47,0,1,1,42.11,77.41,22.47,22.47,0,0,1,64.58,99.88Z"/>
<path class="cls-3" d="M65.05,99.88A22.95,22.95,0,1,1,42.11,76.93,22.94,22.94,0,0,1,65.05,99.88Z"/>
<path class="cls-12" d="M45.49,108.05a8.85,8.85,0,1,0-3.38.67A8.86,8.86,0,0,0,45.49,108.05ZM43.3,97A3.11,3.11,0,0,1,45,98.69a3.11,3.11,0,0,1-4.06,4.06,3.09,3.09,0,0,1-1.68-1.69,3.1,3.1,0,0,1,1.68-4,3,3,0,0,1,1.19-.24A3.08,3.08,0,0,1,43.3,97Z"/>
<path class="cls-2" d="M42.11,103.22a3.35,3.35,0,0,1-1.28-6.44,3.35,3.35,0,1,1,1.28,6.44m1.09-.69a2.87,2.87,0,0,0,1.56-3.75,2.83,2.83,0,0,0-1.56-1.55,2.78,2.78,0,0,0-2.19,0,2.87,2.87,0,0,0-1.55,1.55,2.82,2.82,0,0,0,0,2.19A2.86,2.86,0,0,0,41,102.53a2.76,2.76,0,0,0,1.1.21A2.71,2.71,0,0,0,43.2,102.53Z"/>
<path class="cls-2" d="M41.15,91.27v2.39a1,1,0,1,0,1.91,0V91.27"/>
<path class="cls-3" d="M45.49,108.05a8.85,8.85,0,1,0-3.38.67A8.86,8.86,0,0,0,45.49,108.05ZM43.3,97A3.11,3.11,0,0,1,45,98.69a3.11,3.11,0,0,1-4.06,4.06,3.09,3.09,0,0,1-1.68-1.69,3.1,3.1,0,0,1,1.68-4,3,3,0,0,1,1.19-.24A3.08,3.08,0,0,1,43.3,97Z"/>
<line class="cls-3" x1="38.81" y1="91.93" x2="40.83" y2="96.78"/>
<line class="cls-3" x1="36.02" y1="93.79" x2="39.74" y2="97.51"/>
<line class="cls-3" x1="34.16" y1="96.58" x2="39.02" y2="98.59"/>
<line class="cls-3" x1="33.5" y1="99.88" x2="38.76" y2="99.88"/>
<line class="cls-3" x1="34.16" y1="103.17" x2="39.02" y2="101.16"/>
<line class="cls-3" x1="36.02" y1="105.96" x2="39.74" y2="102.24"/>
<line class="cls-3" x1="38.81" y1="107.83" x2="40.83" y2="102.97"/>
<line class="cls-3" x1="42.11" y1="103.22" x2="42.11" y2="108.48"/>
<line class="cls-3" x1="43.39" y1="102.97" x2="45.4" y2="107.83"/>
<line class="cls-3" x1="44.47" y1="102.24" x2="48.19" y2="105.96"/>
<line class="cls-3" x1="45.2" y1="101.16" x2="50.06" y2="103.17"/>
<line class="cls-3" x1="45.45" y1="99.88" x2="50.71" y2="99.88"/>
<line class="cls-3" x1="45.2" y1="98.59" x2="50.06" y2="96.58"/>
<line class="cls-3" x1="44.47" y1="97.51" x2="48.19" y2="93.79"/>
<line class="cls-3" x1="43.39" y1="96.78" x2="45.4" y2="91.93"/>
<path class="cls-13" d="M27.21,108.28a1.21,1.21,0,0,0,.6-1,1.2,1.2,0,1,0-1.19,1.2A1.21,1.21,0,0,0,27.21,108.28Z"/>
<path class="cls-13" d="M30.47,112a1.21,1.21,0,0,0,.4-.89,1.2,1.2,0,1,0-1.2,1.2A1.18,1.18,0,0,0,30.47,112Z"/>
<path class="cls-13" d="M59.2,92.54a1.17,1.17,0,0,0,.59-1A1.2,1.2,0,1,0,58.6,92.7,1.17,1.17,0,0,0,59.2,92.54Z"/>
<path class="cls-13" d="M56.34,88.57a1.2,1.2,0,0,0-.8-2.09,1.2,1.2,0,0,0,0,2.39A1.22,1.22,0,0,0,56.34,88.57Z"/>
<path class="cls-14" d="M10.55,115.93a13.57,13.57,0,0,0,2,1.1,13.2,13.2,0,0,0,17.12-6"/>
<line class="cls-5" x1="19.22" y1="123.01" x2="65.22" y2="123.01"/>
<line class="cls-14" x1="70.72" y1="99.51" x2="73.22" y2="99.51"/>
<line class="cls-15" x1="78.12" y1="99.51" x2="95.27" y2="99.51"/>
<line class="cls-14" x1="97.72" y1="99.51" x2="100.22" y2="99.51"/>
<line class="cls-5" x1="93.22" y1="123.01" x2="199.22" y2="123.01"/>
<line class="cls-14" x1="192.72" y1="99.51" x2="195.22" y2="99.51"/>
<line class="cls-15" x1="200.12" y1="99.51" x2="217.27" y2="99.51"/>
<line class="cls-14" x1="219.72" y1="99.51" x2="222.22" y2="99.51"/>
<polygon class="cls-6" points="151.1 106.59 132.22 106.59 132.22 87.71 140.31 79.62 159.19 79.62 159.19 98.5 151.1 106.59"/>
<path class="cls-16" d="M149.75,86.36H145.7a6.75,6.75,0,0,0,0,13.49h4.05"/>
<circle class="cls-7" cx="159.98" cy="80.25" r="7.93"/>
<path class="cls-2" d="M160.06,73.81a6.35,6.35,0,1,0,6.35,6.34A6.35,6.35,0,0,0,160.06,73.81Zm5.27,4.12h-3a9.48,9.48,0,0,0-1.57-3.44A5.73,5.73,0,0,1,165.33,77.93ZM162,80.15a8.79,8.79,0,0,1-.14,1.59H158.3a9,9,0,0,1,0-3.17h3.53A8.76,8.76,0,0,1,162,80.15Zm-3.53,2.23h3.25a8.6,8.6,0,0,1-1.63,3.32A8.77,8.77,0,0,1,158.44,82.38Zm0-4.45a8.77,8.77,0,0,1,1.62-3.32,8.6,8.6,0,0,1,1.63,3.32Zm.91-3.44a9.32,9.32,0,0,0-1.57,3.44h-3A5.73,5.73,0,0,1,159.35,74.49Zm-4.77,4.08h3.08a9,9,0,0,0,0,3.17h-3.08a5.58,5.58,0,0,1,0-3.17Zm.22,3.81h3a9.32,9.32,0,0,0,1.57,3.44A5.75,5.75,0,0,1,154.8,82.38Zm6,3.44a9.48,9.48,0,0,0,1.57-3.44h3A5.75,5.75,0,0,1,160.78,85.82Zm4.77-4.08h-3.08a9.73,9.73,0,0,0,0-3.17h3.08a5.58,5.58,0,0,1,0,3.17Z"/>
</svg>

After

Width:  |  Height:  |  Size: 8.7 KiB

View File

@ -1,28 +0,0 @@
<svg width="227" height="192" viewBox="0 0 227 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="131.06" cy="95.94" r="94.88" fill="#F3F8FE"/>
<path d="M42.4683 59.2568C57.3096 23.4239 92.2752 0.0599976 131.06 0.0599976C183.99 0.120605 226.884 43.0104 226.95 95.94C226.954 134.725 203.594 169.693 167.762 184.538C131.931 199.383 90.6855 191.182 63.2591 163.758C35.8327 136.334 27.6269 95.0897 42.4683 59.2568ZM217.825 60.0014C203.284 24.9168 169.039 2.04786 131.06 2.06C79.2216 2.07656 37.2056 44.1016 37.2 95.94C37.196 133.919 60.0722 168.159 95.1599 182.693C130.248 197.227 170.635 189.191 197.487 162.333C224.339 135.475 232.367 95.0859 217.825 60.0014Z" fill="#061884"/>
<circle cx="131.06" cy="95.94" r="82.75" fill="white"/>
<circle cx="131.06" cy="95.94" r="35.62" fill="#DDE9FD"/>
<path d="M94.4399 95.94C94.4399 75.7153 110.835 59.32 131.06 59.32C151.285 59.32 167.68 75.7153 167.68 95.94C167.68 116.165 151.285 132.56 131.06 132.56C110.835 132.56 94.4399 116.165 94.4399 95.94ZM163.052 82.6846C157.69 69.7483 145.063 61.316 131.06 61.32C111.953 61.3476 96.472 76.8329 96.4499 95.94C96.4499 109.943 104.886 122.568 117.824 127.926C130.762 133.284 145.653 130.32 155.554 120.417C165.454 110.513 168.413 95.6209 163.052 82.6846Z" fill="#061884"/>
<path d="M183.97 54.28C181.332 54.2401 179.197 52.123 179.136 49.4856C179.074 46.8483 181.107 44.6335 183.74 44.47H183.98C186.692 44.4037 188.944 46.5483 189.01 49.26C189.076 51.9717 186.932 54.2237 184.22 54.29L183.97 54.28Z" fill="white"/>
<path d="M183.69 43.47H183.98C187.167 43.5016 189.754 46.0539 189.83 49.2396C189.905 52.4254 187.441 55.0974 184.26 55.28H183.97C180.784 55.2484 178.196 52.6961 178.12 49.5104C178.045 46.3246 180.509 43.6526 183.69 43.47ZM187.985 49.275C187.933 47.1156 186.139 45.4075 183.98 45.46V45.47H183.79C181.704 45.6122 180.099 47.3706 180.147 49.461C180.195 51.5515 181.88 53.234 183.97 53.28H184.17C186.329 53.2275 188.038 51.4344 187.985 49.275Z" fill="#061884"/>
<path d="M193.34 67.44C190.702 67.4001 188.567 65.283 188.506 62.6457C188.444 60.0083 190.477 57.7935 193.11 57.63H193.35C195.989 57.6656 198.128 59.781 198.192 62.4195C198.257 65.0579 196.224 67.2754 193.59 67.44H193.34Z" fill="white"/>
<path d="M193.06 56.63H193.35C196.536 56.6616 199.124 59.2139 199.2 62.3996C199.275 65.5854 196.811 68.2574 193.63 68.44H193.34C190.153 68.4084 187.566 65.8561 187.49 62.6704C187.415 59.4846 189.878 56.8126 193.06 56.63ZM197.355 62.435C197.302 60.2756 195.509 58.5675 193.35 58.62V58.63H193.16C191.074 58.7722 189.469 60.5306 189.517 62.621C189.565 64.7115 191.249 66.394 193.34 66.44H193.54C195.699 66.3875 197.407 64.5944 197.355 62.435Z" fill="#061884"/>
<path d="M72.05 138.37C69.423 138.374 67.2583 136.309 67.1378 133.685C67.0173 131.061 68.9837 128.807 71.6 128.57H72.06C74.689 128.561 76.859 130.624 76.9822 133.25C77.1055 135.876 75.1383 138.133 72.52 138.37H72.05Z" fill="white"/>
<path d="M71.5 127.55H72.06C75.2019 127.568 77.7805 130.041 77.9296 133.179C78.0787 136.318 75.7461 139.024 72.62 139.34C72.4302 139.35 72.2399 139.35 72.05 139.34C68.9099 139.317 66.336 136.842 66.1896 133.706C66.0433 130.569 68.3757 127.865 71.5 127.55ZM75.9414 133.275C75.843 131.199 74.138 129.563 72.06 129.55H71.69C69.6242 129.759 68.082 131.546 68.1777 133.62C68.2735 135.695 69.9737 137.332 72.05 137.35H72.43C74.4975 137.14 76.0399 135.35 75.9414 133.275Z" fill="#061884"/>
<path d="M82.0201 151.06C79.4278 151.02 77.3137 148.971 77.192 146.381C77.0703 143.791 78.983 141.553 81.5601 141.27C81.7166 141.26 81.8736 141.26 82.0301 141.27C84.6591 141.261 86.829 143.324 86.9523 145.95C87.0756 148.576 85.1084 150.833 82.4901 151.07L82.0201 151.06Z" fill="white"/>
<path d="M81.47 140.26C81.6565 140.25 81.8435 140.25 82.03 140.26V140.27C84.3198 140.271 86.4032 141.594 87.3772 143.666C88.3513 145.738 88.0407 148.187 86.58 149.95C85.582 151.159 84.1416 151.919 82.58 152.06H82.02C78.8364 152.097 76.1955 149.606 76.0473 146.426C75.8991 143.245 78.2968 140.519 81.47 140.26ZM85.9023 145.99C85.8066 143.915 84.1063 142.278 82.03 142.26H81.65C79.5826 142.47 78.0402 144.26 78.1386 146.335C78.2371 148.411 79.942 150.047 82.02 150.06C82.1431 150.07 82.2669 150.07 82.39 150.06C84.4558 149.851 85.998 148.064 85.9023 145.99Z" fill="#061884"/>
<path d="M83.4399 143.06C76.7681 157.92 63.8778 169.078 48.2147 173.551C32.5517 178.024 15.713 175.356 2.19995 166.26" stroke="#061884" stroke-width="4" stroke-linecap="round"/>
<path d="M131.18 59.32V132.37" stroke="#061884" stroke-width="2"/>
<path d="M117.2 62.1L145.15 129.59" stroke="#061884" stroke-width="2"/>
<path d="M105.35 70.02L157 121.68" stroke="#061884" stroke-width="2"/>
<path d="M97.4299 81.87L164.92 109.83" stroke="#061884" stroke-width="2"/>
<path d="M94.6499 95.85H167.7" stroke="#061884" stroke-width="2"/>
<path d="M109.44 104.85L164.92 81.87" stroke="#061884" stroke-width="2"/>
<path d="M105.35 121.68L157 70.02" stroke="#061884" stroke-width="2"/>
<path d="M117.2 129.59L145.15 62.1" stroke="#061884" stroke-width="2"/>
<path d="M96.04 106.59L104.49 102.98C106.423 102.153 108.661 103.048 109.49 104.98V104.98C109.89 105.908 109.904 106.957 109.529 107.895C109.153 108.834 108.42 109.584 107.49 109.98L99.03 113.6" stroke="#061884" stroke-width="2"/>
<circle cx="131.06" cy="95.94" r="16.95" fill="white"/>
<path d="M114.476 89.0708C117.255 82.3634 123.8 77.99 131.06 77.99C140.962 78.0175 148.982 86.0379 149.01 95.94C149.01 103.2 144.637 109.745 137.929 112.524C131.222 115.302 123.501 113.766 118.367 108.633C113.234 103.499 111.698 95.7783 114.476 89.0708ZM145.889 89.837C143.397 83.854 137.541 79.9657 131.06 79.99C122.255 79.9955 115.12 87.135 115.12 95.94C115.1 102.421 118.992 108.275 124.976 110.763C130.961 113.252 137.855 111.885 142.437 107.3C147.019 102.716 148.382 95.8199 145.889 89.837Z" fill="#061884"/>
<path d="M52.52 190.83H209.18" stroke="#061884" stroke-width="2" stroke-linecap="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 5.7 KiB