SVG para noobs

<svg width="480" height="480" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_1_294" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="480" height="480">
<rect width="480" height="480" fill="#F1F1EF"/>
</mask>
<g mask="url(#mask0_1_294)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M279.581 518.005C255.161 518.1 240.536 517.702 212.914 517.148C180.944 515.972 172.328 518.086 154.418 513.196C151.68 512.386 149.597 511.16 147.484 509.453C146.726 510.643 145.442 512.414 144.223 511.241C141.977 509.176 143.007 501.965 142.45 497.894C141.528 462.038 140.053 425.111 145.094 389.689C142.038 388.306 124.129 378.06 123.151 374.629C139.346 315.735 174.874 246.819 221.618 249.415C222.558 251.026 223.394 253.412 224.438 255.054C230.794 251.745 239.614 248.427 240.05 235.685C241.151 227.181 241.943 219.241 242.473 211.426C242.57 210.533 243.341 210.224 243.815 209.844C244.016 207.823 244.479 205.757 245.481 204.371C253.673 203.348 272.374 208.046 277.281 209.983C283.975 211.577 283.279 221.568 284.527 229.141C286.504 238.505 287.879 248.223 290.818 257.37C291.483 257.499 293.345 257.949 294.031 258.117C294.067 257.079 293.716 254.002 294.4 253.375C295.666 251.605 295.96 254.973 296.24 256.07C323.904 248.805 341.994 281.451 348.056 317.917C352.446 336.256 358.264 354.815 365.859 374.72C370.62 387.079 356.938 389.374 351.202 394.306C357.122 426.331 357.834 458.943 358.806 491.221C359.062 496.185 359.411 502.937 358.146 505.408C357.545 506.056 357.128 506.038 356.52 506.085C355.346 507.848 353.332 507.731 351.637 508.234C346.279 509.588 340.788 510.495 335.627 510.631C321.146 523.096 298.821 516.126 279.581 518.005Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M239.416 211.022C240.176 205.726 246.462 206.953 246.176 212.294C243.002 232.171 244.935 256.369 224.879 254.412C237.61 285.554 276.923 304.495 289.631 263.61C283.369 262.57 282.13 241.986 281.374 234.783L281.343 234.139C281.174 230.434 281.231 227.001 282.832 223.833C284.43 225.498 284.7 227.612 285.241 230.36L286.01 233.458C287.335 240.79 288.721 248.09 290.821 255.088L290.897 255.103C290.792 250.357 295.173 248.187 296.26 253.272C325.904 247.595 342.122 281.616 348.52 317.199C353.187 336.676 359.271 355.413 366.182 373.526C371.397 387.679 358.732 390.918 352.032 395.627C357.185 424.335 358.197 454.077 359.151 483.521C358.835 489.804 360.877 502.694 358.15 507.2C354.109 511.598 351.933 504.062 352.554 499.229C353.135 465.064 350.575 431.049 349.842 396.937C344.782 399.909 339.663 402.648 334.486 405.192C334.749 437.201 337.487 469.21 338.463 501.056C339.743 502.46 340.451 504.894 339.357 507.012C333.5 518.372 322.912 520.068 313.595 520.231C291.423 520.619 269.227 520.5 247.053 520.407C225.272 519.722 203.301 521.66 181.635 518.189C177.389 522.625 176.521 513.063 177.09 508.986L177.306 500.817C177.451 495.372 177.605 489.927 177.803 484.486L178.297 471.216C179.123 449.103 179.999 427 181.389 404.931C168.803 402.537 156.399 398.29 144.389 392.558C145.378 430.873 143.35 469.596 146.731 507.715C148.963 511.927 144.488 515.879 141.876 513.241C138.636 509.806 140.025 503.086 139.378 498.14L139.295 494.942C138.389 460.462 137.15 425.258 141.771 391.251L139.783 390.178C133.724 386.887 118.14 378.09 120.184 373.75C136.453 314.466 172.846 243.56 221.045 246.928C222.267 248.108 222.891 250.403 223.795 252.048L225.229 251.326C230.783 248.498 236.814 244.914 236.979 235.408C238.03 227.308 238.863 219.206 239.416 211.022Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M311.427 116.817C290.527 96.6082 249.824 87.4173 227.452 107.806C200.97 136.955 236.25 222.827 280.218 230.31C282.417 230.684 283.006 229.494 285.241 229.459C293.333 229.333 303.254 227.786 311.427 221.28C349.155 191.77 341.488 145.378 311.427 116.817Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M378.183 187.482C377.847 184.305 377.419 181.14 376.867 177.993C376.336 174.98 375.89 171.757 374.353 169.084C372.827 166.421 371.296 163.834 369.481 161.491C369.739 160.296 370.084 159.172 370.38 158.265C372.097 153.048 373.788 146.419 370.221 141.57C369.392 140.447 368.381 139.586 367.225 138.809C366.734 138.477 365.918 138.176 365.538 137.719C365.271 137.396 365.363 137.571 365.352 137.411C365.287 136.55 367.31 134.733 367.783 134.051C368.668 132.79 369.327 131.37 369.831 129.918C371.8 124.242 370.5 117.995 369.313 112.294L369.271 112.091C368.637 109.041 367.938 105.982 367.709 102.866C367.496 99.9407 367.897 97.0837 368.133 94.1736C368.363 91.3011 368.301 88.338 367.068 85.6789C366.467 84.3838 365.555 83.2411 364.444 82.3497C363.36 81.4778 362.01 80.9712 360.953 80.1027C359.927 79.2596 360.188 78.1275 360.456 76.9632L360.476 76.8726C360.854 75.2499 361.331 73.6386 361.376 71.9627C361.461 69.041 360.267 66.1952 358.401 63.9864C356.478 61.7047 353.731 60.1616 350.762 59.815C349.404 59.655 348.068 59.9258 346.717 59.8307C345.383 59.7393 345.094 59.0726 344.841 57.8538C344.261 55.0617 344.498 52.3039 343.12 49.6985C341.899 47.3824 339.728 45.8128 337.328 44.8875C332.929 43.1887 327.813 43.539 323.173 44.5406C320.434 36.4961 311.885 31.2205 303.473 31.1556C302.16 28.9311 299.935 27.2704 297.398 26.2949C293.201 24.6759 288.756 25.621 284.384 25.621H284.364C283.926 25.594 283.487 25.583 283.048 25.5868C282.636 25.5635 282.224 25.5293 281.813 25.4838C276.837 24.8968 271.914 22.8628 266.986 24.8554C264.788 25.7428 263.04 27.1104 261.935 28.855C260.268 29.3079 258.623 29.8262 257.008 30.428C250.016 30.6106 243.087 34.355 239.551 40.4233C234.572 39.8595 229.169 40.8156 225.876 44.8761C225.019 45.9326 224.354 47.174 223.913 48.492C220.556 49.5761 217.45 51.5078 215.417 54.4172C213.56 57.0721 213.204 60.5049 214.459 63.3548C211.462 65.5226 209.119 68.626 207.992 72.2902C207.306 74.5167 207.204 76.8169 207.645 79.0083C204.577 79.688 201.641 80.9476 199.041 82.838C196.316 84.8185 192.912 87.9705 192.733 91.5983C192.719 91.8645 192.73 92.1307 192.751 92.3963C186.751 91.9753 180.634 92.9902 176.579 97.7922C173.534 101.395 172.21 106.035 173.023 110.259C165.884 111.707 159.135 115.432 154.427 120.94C151.005 124.944 147.964 130.033 148.147 135.483C148.204 137.125 148.589 138.778 149.257 140.306V140.309C148.971 140.847 148.677 141.445 148.395 142.081C143.973 145.17 140.76 150.011 138.952 155.347C137.491 159.671 136.571 165.285 138.131 169.685C138.368 170.355 138.67 170.988 139.021 171.575C138.727 171.887 138.448 172.199 138.177 172.516C135.197 175.992 132.179 180.374 132.386 185.161C132.47 187.089 133.187 189.028 134.358 190.62C130.238 194.792 126.918 200.055 127.246 205.934C127.529 211.049 130.341 216.244 134.747 218.701C134.011 222.644 134.996 226.802 138.07 229.88C139.604 231.42 141.413 232.432 143.328 232.973C143.756 237.618 147.883 241.354 152.267 242.428C153.084 242.63 153.9 242.752 154.713 242.808C158.658 244.74 163.362 244.519 167.387 242.747C168.574 244.252 170.119 245.479 171.92 246.359C172.649 246.717 173.419 247.015 174.224 247.254C179.909 248.934 185.739 246.656 190.71 243.998C190.87 243.913 191.164 243.807 191.424 243.689C192.11 244.454 193.362 245.212 194.014 245.585C196.227 246.854 198.933 247.444 201.473 247.278C204.453 247.08 207.082 246.096 209.517 244.699C209.871 244.76 210.23 244.794 210.587 244.812C212.877 244.935 214.918 244.21 216.755 243.068C217.966 243.228 219.211 243.212 220.469 242.992C223.243 243.697 225.945 242.576 228.116 240.797C229.076 240.009 229.889 239.083 230.76 238.2C231.664 237.281 232.351 237.068 233.407 236.452C233.997 236.108 234.464 235.639 234.82 235.088C236.555 236.614 239.241 239.207 244.608 237.214C249.976 235.22 246.414 222.852 246.414 222.852C246.414 222.852 250.924 211.994 248.22 206.931C245.834 202.463 239.043 200.284 239.043 200.284C239.043 200.284 241.788 191.819 239.043 187.482C237.318 184.755 231.967 183.202 231.967 183.202C231.967 183.202 238.947 178.315 239.043 173.689C239.235 164.447 227.917 163.29 227.917 163.29C229.755 159.88 232.118 157.222 232.511 153.203C232.739 150.853 232.183 148.255 230.77 146.328C231.675 142.77 231.664 138.949 230.241 135.556C229.858 134.649 229.421 133.762 228.918 132.92C229.149 132.211 229.364 131.495 229.638 130.851C229.745 130.596 229.851 130.337 229.958 130.078C230.992 129.168 231.953 128.174 232.762 127.198C234.556 125.039 235.926 122.563 236.098 119.709C236.181 118.281 235.845 116.914 235.43 115.558C235.245 114.945 235.135 114.263 234.919 113.665C234.796 113.333 234.501 112.994 234.4 112.682C234.377 112.614 234.357 112.556 234.342 112.511C234.357 112.465 234.37 112.37 234.37 112.19C234.373 110.823 234.552 109.486 234.559 108.168C235.814 109.433 237.326 110.377 239.043 110.93C242.503 112.038 246.113 111.536 249.176 109.825C252.472 112.08 256.178 114.121 260.06 114.941C262.368 115.428 264.682 115.226 266.997 115.527C269.298 115.828 271.523 116.83 273.69 117.611C278.511 119.352 283.322 121.138 288.16 122.833C292.068 124.201 296.294 125.286 300.385 124.517C301.533 126.284 303.025 127.777 304.937 128.875C306.306 129.655 307.809 130.185 309.362 130.448C310.736 130.68 312.347 130.589 313.459 131.529C314.547 132.444 315.226 133.807 316.203 134.836C317.292 135.986 318.633 136.984 320.042 137.7C321.171 138.276 322.323 138.69 323.495 138.961C323.392 141.563 323.293 144.161 323.262 146.766C323.204 152.426 323.228 158.087 323.152 163.748C323.074 169.387 322.895 175.03 322.597 180.664C322.316 185.95 321.918 191.256 320.656 196.414C316.466 213.528 300.775 225.782 283.209 226.408C244.528 227.784 284.338 230.36 285.241 229.459C286.696 236.716 295.28 237.894 301.327 237.214C301.804 237.16 302.257 237.081 302.709 236.981C304.211 238.295 306.135 239.171 308.065 239.609C307.733 241.62 308.73 243.814 311.038 244.385C312.006 244.627 312.938 244.63 313.869 244.542C314.621 244.892 315.43 245.167 316.288 245.353C317.405 245.596 318.74 245.284 319.583 244.477C320.046 244.801 320.475 245.025 320.903 245.54C322.662 247.658 326.455 245.971 326.623 243.522C327.179 243.522 327.741 243.529 328.302 243.547C328.436 243.608 328.568 243.67 328.707 243.735C331.159 244.874 333.7 245.868 336.413 244.973C336.913 244.809 337.37 244.6 337.787 244.355C339.698 244.528 341.583 244.531 343.521 243.906C344.666 243.536 345.742 242.951 346.638 242.181C349.628 243.057 352.785 243.453 355.761 242.367C357.988 241.556 359.781 240.276 361.045 238.587C362.976 238.658 364.937 238.193 366.703 237.273C369.724 235.713 371.841 232.744 373.318 229.771C376.569 223.207 378.492 216.156 379.247 208.886C379.991 201.724 378.931 194.601 378.183 187.482Z" fill="#D70628"/>
<mask id="path-6-outside-1_1_294" maskUnits="userSpaceOnUse" x="120" y="21.9999" width="262" height="499" fill="black">
<rect fill="white" x="120" y="21.9999" width="262" height="499"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M376.716 177.993C377.269 181.14 377.697 184.304 378.033 187.482C378.143 188.529 378.259 189.577 378.376 190.625C379.053 196.698 379.731 202.777 379.096 208.886C378.341 216.156 376.418 223.207 373.168 229.77C371.69 232.744 369.574 235.713 366.553 237.273C364.786 238.192 362.825 238.657 360.895 238.587C359.63 240.276 357.837 241.556 355.61 242.367C352.634 243.453 349.478 243.057 346.487 242.181C345.591 242.95 344.515 243.536 343.37 243.906C341.432 244.531 339.547 244.527 337.636 244.354C337.219 244.6 336.762 244.809 336.262 244.973C333.549 245.868 331.009 244.874 328.556 243.734C328.516 243.716 328.476 243.697 328.436 243.679C328.34 243.634 328.246 243.59 328.152 243.547C327.59 243.529 327.028 243.522 326.472 243.522C326.304 245.971 322.512 247.658 320.753 245.54C320.416 245.135 320.078 244.91 319.724 244.674C319.628 244.611 319.531 244.546 319.433 244.477C318.589 245.284 317.255 245.596 316.137 245.353C315.279 245.167 314.47 244.892 313.719 244.542C312.787 244.63 311.855 244.627 310.887 244.385C308.579 243.814 307.582 241.62 307.915 239.609C305.984 239.171 304.061 238.295 302.558 236.981C302.107 237.08 301.653 237.16 301.177 237.214C295.129 237.893 286.545 236.716 285.091 229.459C285.091 229.459 285.09 229.459 285.09 229.459C285.032 229.517 284.815 229.56 284.47 229.591C284.999 232.12 285.486 234.673 285.974 237.234C287.267 244.012 288.568 250.837 290.667 257.37C290.667 257.37 293.85 256.658 296.09 256.069C323.753 248.805 341.843 281.451 347.905 317.917C352.295 336.256 358.114 354.814 365.708 374.72C369.244 383.898 362.608 387.526 356.609 390.805L356.609 390.806C354.53 391.942 352.528 393.037 351.052 394.306C356.681 424.762 357.601 455.749 358.513 486.475C358.56 488.058 358.607 489.64 358.655 491.221L358.655 491.223C358.911 496.187 359.26 502.937 357.995 505.408C357.438 506.008 357.039 506.037 356.5 506.076L356.426 506.081L356.369 506.085C355.489 507.406 354.137 507.671 352.801 507.933C352.355 508.021 351.91 508.108 351.486 508.234C346.128 509.588 340.637 510.495 335.477 510.631C325.534 519.189 311.893 518.586 298.093 517.975C291.793 517.696 285.46 517.416 279.431 518.005C258.391 518.087 244.622 517.803 223.548 517.368C220.162 517.298 216.587 517.224 212.763 517.148C209.275 517.019 204.106 517.289 198.111 517.601C179.569 518.568 153.127 519.947 144.072 511.241C142.561 509.851 142.533 506.13 142.506 502.605C142.494 500.892 142.481 499.225 142.299 497.894C142.23 495.211 142.158 492.522 142.086 489.829L142.086 489.826C141.193 456.519 140.28 422.46 144.944 389.688C141.887 388.306 123.978 378.06 123 374.628C139.196 315.735 174.724 246.819 221.468 249.415C221.895 250.147 222.301 251.04 222.715 251.951L222.715 251.951C223.211 253.042 223.718 254.159 224.287 255.054C224.814 254.78 225.357 254.505 225.911 254.226L225.912 254.225C231.649 251.331 238.537 247.856 239.735 237.864C237.444 237.54 235.948 236.218 234.837 235.236C234.78 235.185 234.724 235.136 234.669 235.088C234.313 235.639 233.846 236.107 233.256 236.451C232.982 236.611 232.734 236.744 232.499 236.869C231.829 237.226 231.279 237.519 230.609 238.2C230.382 238.43 230.158 238.664 229.936 238.897C229.304 239.557 228.675 240.215 227.965 240.797C225.794 242.576 223.093 243.697 220.319 242.992C219.06 243.212 217.816 243.228 216.604 243.068C214.767 244.21 212.727 244.935 210.437 244.812C210.079 244.794 209.72 244.76 209.366 244.699C206.931 246.095 204.302 247.079 201.323 247.278C198.782 247.444 196.077 246.854 193.863 245.585C193.211 245.212 191.96 244.454 191.273 243.689C191.162 243.74 191.044 243.788 190.933 243.833C190.786 243.894 190.651 243.949 190.56 243.998C185.589 246.656 179.758 248.934 174.074 247.254C173.269 247.015 172.498 246.717 171.769 246.359C169.968 245.479 168.423 244.252 167.237 242.747C163.211 244.518 158.507 244.74 154.562 242.808C153.75 242.752 152.933 242.63 152.116 242.428C147.733 241.354 143.605 237.618 143.178 232.973C141.262 232.432 139.454 231.42 137.92 229.88C134.845 226.802 133.861 222.644 134.596 218.701C130.19 216.244 127.378 211.048 127.096 205.934C126.768 200.055 130.087 194.792 134.208 190.62C133.036 189.028 132.319 187.089 132.235 185.161C132.029 180.374 135.047 175.992 138.027 172.516C138.298 172.199 138.576 171.887 138.87 171.575C138.519 170.987 138.218 170.355 137.981 169.684C136.421 165.285 137.34 159.671 138.801 155.347C140.609 150.011 143.822 145.17 148.244 142.081C148.526 141.445 148.82 140.847 149.107 140.309V140.306C148.439 138.778 148.053 137.125 147.996 135.483C147.813 130.032 150.854 124.944 154.276 120.94C158.984 115.432 165.734 111.707 172.872 110.259C172.059 106.035 173.383 101.395 176.428 97.7921C180.483 92.9901 186.601 91.9753 192.6 92.3963C192.579 92.1306 192.569 91.8644 192.582 91.5982C192.761 87.9704 196.165 84.8184 198.89 82.8379C201.491 80.9475 204.426 79.6879 207.494 79.0082C207.053 76.8169 207.155 74.5166 207.842 72.2901C208.969 68.6259 211.311 65.5225 214.309 63.3548C213.054 60.5048 213.409 57.072 215.266 54.4171C217.299 51.5077 220.405 49.576 223.763 48.492C224.203 47.174 224.868 45.9326 225.726 44.8761C229.018 40.8155 234.421 39.8594 239.4 40.4232C242.936 34.3549 249.865 30.6105 256.858 30.4279C258.472 29.8262 260.117 29.3078 261.784 28.8549C262.89 27.1103 264.638 25.7428 266.835 24.8553C270.454 23.3921 274.07 24.1002 277.706 24.8121C279.022 25.0697 280.34 25.3278 281.662 25.4838C282.074 25.5292 282.485 25.5634 282.897 25.5867C283.336 25.5829 283.775 25.5939 284.214 25.6209H284.234C285.412 25.6209 286.596 25.5523 287.779 25.4836C290.984 25.2977 294.181 25.1122 297.247 26.2948C299.784 27.2704 302.009 28.931 303.322 31.1555C311.734 31.2204 320.283 36.496 323.023 44.5405C327.662 43.539 332.778 43.1886 337.178 44.8874C339.578 45.8127 341.748 47.3823 342.969 49.6984C343.889 51.4376 344.089 53.2448 344.293 55.0847C344.395 56.001 344.497 56.9254 344.69 57.8537C344.943 59.0726 345.232 59.7392 346.566 59.8306C347.187 59.8743 347.804 59.8408 348.422 59.8073C349.149 59.7679 349.877 59.7284 350.612 59.8149C353.581 60.1615 356.327 61.7046 358.251 63.9863C360.116 66.1952 361.31 69.0409 361.225 71.9626C361.188 73.3271 360.865 74.6486 360.543 75.9685C360.469 76.2697 360.396 76.5709 360.326 76.8725L360.305 76.9632C360.037 78.1274 359.776 79.2595 360.802 80.1026C361.337 80.5418 361.946 80.8885 362.559 81.2367C363.157 81.577 363.758 81.9187 364.293 82.3497C365.404 83.2411 366.316 84.3837 366.917 85.6788C368.151 88.3379 368.212 91.301 367.983 94.1735C367.932 94.7974 367.874 95.4189 367.816 96.0392C367.603 98.3118 367.391 100.568 367.558 102.866C367.761 105.62 368.33 108.328 368.898 111.027C368.972 111.382 369.047 111.736 369.12 112.091L369.163 112.294C370.349 117.995 371.649 124.242 369.68 129.918C369.176 131.37 368.517 132.79 367.632 134.051C367.492 134.253 367.216 134.555 366.899 134.901C366.144 135.725 365.156 136.805 365.202 137.411C365.206 137.474 365.194 137.485 365.195 137.495C365.196 137.51 365.226 137.523 365.388 137.719C365.637 138.019 366.074 138.252 366.484 138.47C366.699 138.585 366.906 138.695 367.074 138.809C368.23 139.586 369.242 140.447 370.07 141.57C373.637 146.419 371.947 153.048 370.229 158.265C369.933 159.172 369.588 160.296 369.33 161.491C371.145 163.834 372.676 166.421 374.202 169.084C375.597 171.51 376.093 174.388 376.57 177.151C376.619 177.433 376.667 177.714 376.716 177.993Z"/>
</mask>
<path d="M378.033 187.482L380.022 187.273L380.022 187.272L378.033 187.482ZM376.716 177.993L378.686 177.647L378.686 177.646L376.716 177.993ZM378.376 190.625L376.389 190.846V190.846L378.376 190.625ZM379.096 208.886L377.107 208.679L377.107 208.679L379.096 208.886ZM373.168 229.77L374.959 230.66L374.96 230.658L373.168 229.77ZM366.553 237.273L365.635 235.496L365.629 235.499L366.553 237.273ZM360.895 238.587L360.967 236.588L359.921 236.55L359.293 237.389L360.895 238.587ZM355.61 242.367L354.926 240.487L354.924 240.488L355.61 242.367ZM346.487 242.181L347.049 240.262L346.007 239.956L345.184 240.664L346.487 242.181ZM343.37 243.906L342.756 242.002L342.756 242.002L343.37 243.906ZM337.636 244.354L337.817 242.363L337.177 242.305L336.623 242.63L337.636 244.354ZM336.262 244.973L335.639 243.072L335.635 243.074L336.262 244.973ZM328.556 243.734L327.71 245.547L327.714 245.548L328.556 243.734ZM328.436 243.679L327.593 245.492L327.593 245.492L328.436 243.679ZM328.152 243.547L328.985 241.729L328.619 241.561L328.216 241.548L328.152 243.547ZM326.472 243.522V241.522H324.605L324.477 243.385L326.472 243.522ZM320.753 245.54L319.214 246.818L319.214 246.818L320.753 245.54ZM319.724 244.674L318.616 246.339L318.616 246.339L319.724 244.674ZM319.433 244.477L320.582 242.84L319.236 241.896L318.05 243.032L319.433 244.477ZM316.137 245.353L316.562 243.399L316.56 243.398L316.137 245.353ZM313.719 244.542L314.563 242.729L314.07 242.5L313.53 242.551L313.719 244.542ZM310.887 244.385L311.371 242.445L311.368 242.444L310.887 244.385ZM307.915 239.609L309.888 239.935L310.195 238.076L308.357 237.659L307.915 239.609ZM302.558 236.981L303.875 235.476L303.115 234.811L302.129 235.028L302.558 236.981ZM301.177 237.214L301.4 239.201L301.402 239.201L301.177 237.214ZM285.091 229.459L287.052 229.066L286.73 227.459H285.091V229.459ZM285.09 229.459V227.459H284.266L283.681 228.041L285.09 229.459ZM284.47 229.591L284.295 227.598L282.052 227.796L282.512 230L284.47 229.591ZM285.974 237.234L287.939 236.859V236.859L285.974 237.234ZM290.667 257.37L288.763 257.982L289.322 259.721L291.104 259.322L290.667 257.37ZM296.09 256.069L296.598 258.004H296.598L296.09 256.069ZM347.905 317.917L345.933 318.245L345.944 318.314L345.96 318.383L347.905 317.917ZM365.708 374.72L363.84 375.432L363.842 375.439L365.708 374.72ZM356.609 390.805L355.65 389.051L355.633 389.06L355.617 389.069L356.609 390.805ZM356.609 390.806L357.568 392.561L357.585 392.551L357.601 392.542L356.609 390.806ZM351.052 394.306L349.748 392.789L348.876 393.539L349.085 394.669L351.052 394.306ZM358.513 486.475L360.512 486.416L358.513 486.475ZM358.655 491.221L356.656 491.281L356.656 491.297L356.657 491.312L358.655 491.221ZM358.655 491.223L356.657 491.314L356.658 491.326L358.655 491.223ZM357.995 505.408L359.461 506.769L359.65 506.566L359.776 506.319L357.995 505.408ZM356.5 506.076L356.356 504.081L356.355 504.081L356.5 506.076ZM356.426 506.081L356.281 504.086L356.274 504.087L356.426 506.081ZM356.369 506.085L356.217 504.091L355.245 504.165L354.704 504.977L356.369 506.085ZM352.801 507.933L353.185 509.896H353.185L352.801 507.933ZM351.486 508.234L351.976 510.173L352.016 510.163L352.055 510.151L351.486 508.234ZM335.477 510.631L335.424 508.632L334.712 508.651L334.172 509.116L335.477 510.631ZM298.093 517.975L298.181 515.977L298.093 517.975ZM279.431 518.005L279.438 520.005L279.532 520.005L279.625 519.995L279.431 518.005ZM223.548 517.368L223.589 515.368L223.548 517.368ZM212.763 517.148L212.689 519.146L212.706 519.147L212.723 519.147L212.763 517.148ZM198.111 517.601L198.215 519.599L198.111 517.601ZM144.072 511.241L145.458 509.799L145.442 509.784L145.426 509.769L144.072 511.241ZM142.506 502.605L144.506 502.59V502.59L142.506 502.605ZM142.299 497.894L140.3 497.945L140.303 498.056L140.318 498.165L142.299 497.894ZM142.086 489.829L140.086 489.882V489.882L142.086 489.829ZM142.086 489.826L144.085 489.772L144.085 489.772L142.086 489.826ZM144.944 389.688L146.924 389.97L147.135 388.484L145.768 387.866L144.944 389.688ZM123 374.628L121.072 374.098L120.923 374.638L121.077 375.177L123 374.628ZM221.468 249.415L223.195 248.407L222.653 247.477L221.578 247.418L221.468 249.415ZM222.715 251.951L220.894 252.778L220.909 252.812L220.926 252.845L222.715 251.951ZM222.715 251.951L224.535 251.123L224.52 251.089L224.503 251.056L222.715 251.951ZM224.287 255.054L222.6 256.127L223.584 257.675L225.211 256.828L224.287 255.054ZM225.911 254.226L226.812 256.012L226.822 256.006L225.911 254.226ZM225.912 254.225L225.012 252.44L225.002 252.445L225.912 254.225ZM239.735 237.864L241.721 238.102L241.953 236.158L240.015 235.884L239.735 237.864ZM234.837 235.236L233.512 236.734L233.512 236.734L234.837 235.236ZM234.669 235.088L235.99 233.586L234.248 232.054L232.989 234.003L234.669 235.088ZM233.256 236.451L232.249 234.724L232.248 234.724L233.256 236.451ZM232.499 236.869L231.559 235.104L231.559 235.104L232.499 236.869ZM230.609 238.2L232.033 239.604L232.034 239.603L230.609 238.2ZM229.936 238.897L231.381 240.279L231.381 240.279L229.936 238.897ZM227.965 240.797L229.233 242.344L229.233 242.343L227.965 240.797ZM220.319 242.992L220.811 241.053L220.396 240.948L219.975 241.022L220.319 242.992ZM216.604 243.068L216.866 241.085L216.156 240.991L215.547 241.369L216.604 243.068ZM210.437 244.812L210.544 242.815L210.537 242.815L210.437 244.812ZM209.366 244.699L209.707 242.728L208.996 242.605L208.371 242.964L209.366 244.699ZM201.323 247.278L201.453 249.273L201.456 249.273L201.323 247.278ZM193.863 245.585L194.858 243.85L194.856 243.849L193.863 245.585ZM191.273 243.689L192.76 242.352L191.783 241.265L190.449 241.867L191.273 243.689ZM190.933 243.833L191.693 245.684L191.693 245.684L190.933 243.833ZM190.56 243.998L189.625 242.23L189.616 242.234L190.56 243.998ZM174.074 247.254L173.503 249.171L173.507 249.172L174.074 247.254ZM171.769 246.359L172.652 244.564L172.647 244.561L171.769 246.359ZM167.237 242.747L168.807 241.509L167.848 240.292L166.431 240.916L167.237 242.747ZM154.562 242.808L155.442 241.012L155.09 240.84L154.699 240.813L154.562 242.808ZM152.116 242.428L152.596 240.486L152.592 240.485L152.116 242.428ZM143.178 232.973L145.169 232.79L145.043 231.422L143.721 231.048L143.178 232.973ZM137.92 229.88L139.336 228.468L139.335 228.467L137.92 229.88ZM134.596 218.701L136.563 219.068L136.826 217.654L135.57 216.954L134.596 218.701ZM127.096 205.934L129.093 205.823L129.092 205.822L127.096 205.934ZM134.208 190.62L135.631 192.025L136.831 190.81L135.818 189.434L134.208 190.62ZM132.235 185.161L130.237 185.247L130.237 185.248L132.235 185.161ZM138.027 172.516L139.545 173.817L139.548 173.815L138.027 172.516ZM138.87 171.575L140.325 172.947L141.362 171.847L140.587 170.55L138.87 171.575ZM137.981 169.684L139.866 169.018L139.866 169.016L137.981 169.684ZM138.801 155.347L136.907 154.705L136.906 154.707L138.801 155.347ZM148.244 142.081L149.389 143.72L149.846 143.401L150.072 142.892L148.244 142.081ZM149.107 140.309L150.872 141.249L151.107 140.809V140.309H149.107ZM149.107 140.306H151.107V139.887L150.939 139.504L149.107 140.306ZM147.996 135.483L145.997 135.55L145.997 135.552L147.996 135.483ZM154.276 120.94L152.756 119.641L152.756 119.641L154.276 120.94ZM172.872 110.259L173.27 112.219L175.21 111.826L174.836 109.881L172.872 110.259ZM176.428 97.7921L177.955 99.083L177.956 99.0825L176.428 97.7921ZM192.6 92.3963L192.46 94.3914L194.78 94.5541L194.594 92.2364L192.6 92.3963ZM192.582 91.5982L194.579 91.6984L194.579 91.697L192.582 91.5982ZM198.89 82.8379L200.066 84.4558L200.066 84.4556L198.89 82.8379ZM207.494 79.0082L207.927 80.9609L209.842 80.5367L209.455 78.6137L207.494 79.0082ZM207.842 72.2901L209.753 72.8793L209.753 72.878L207.842 72.2901ZM214.309 63.3548L215.481 64.9754L216.791 64.0282L216.139 62.5487L214.309 63.3548ZM215.266 54.4171L216.905 55.5632L216.905 55.5629L215.266 54.4171ZM223.763 48.492L224.377 50.3952L225.339 50.0846L225.659 49.1261L223.763 48.492ZM225.726 44.8761L227.278 46.1367L227.279 46.1356L225.726 44.8761ZM239.4 40.4232L239.175 42.4105L240.471 42.5573L241.128 41.4301L239.4 40.4232ZM256.858 30.4279L256.91 32.4273L257.244 32.4186L257.556 32.302L256.858 30.4279ZM261.784 28.8549L262.309 30.7849L263.058 30.5813L263.474 29.9252L261.784 28.8549ZM266.835 24.8553L267.584 26.7098L267.585 26.7095L266.835 24.8553ZM277.706 24.8121L277.322 26.7748V26.7748L277.706 24.8121ZM281.662 25.4838L281.428 27.47L281.435 27.4709L281.443 27.4717L281.662 25.4838ZM282.897 25.5867L282.785 27.5835L282.849 27.5872L282.915 27.5866L282.897 25.5867ZM284.214 25.6209L284.091 27.6171L284.152 27.6209H284.214V25.6209ZM287.779 25.4836L287.895 27.4803L287.779 25.4836ZM297.247 26.2948L296.527 28.1608L296.529 28.1616L297.247 26.2948ZM303.322 31.1555L301.6 32.1721L302.175 33.1467L303.307 33.1555L303.322 31.1555ZM323.023 44.5405L321.13 45.1852L321.704 46.8713L323.445 46.4954L323.023 44.5405ZM337.178 44.8874L336.457 46.7531L336.458 46.7535L337.178 44.8874ZM342.969 49.6984L341.2 50.631L341.201 50.6334L342.969 49.6984ZM344.293 55.0847L342.305 55.3051L342.305 55.3051L344.293 55.0847ZM344.69 57.8537L346.648 57.4475L346.648 57.4471L344.69 57.8537ZM346.566 59.8306L346.707 57.8355L346.703 57.8353L346.566 59.8306ZM348.422 59.8073L348.53 61.8044L348.422 59.8073ZM350.612 59.8149L350.378 61.8012L350.38 61.8014L350.612 59.8149ZM358.251 63.9863L356.722 65.2753L356.723 65.2768L358.251 63.9863ZM361.225 71.9626L359.226 71.9045L359.226 71.9087L361.225 71.9626ZM360.543 75.9685L362.486 76.4431L362.486 76.4431L360.543 75.9685ZM360.326 76.8725L358.378 76.4195L358.377 76.4245L360.326 76.8725ZM360.305 76.9632L362.254 77.4119L362.254 77.4112L360.305 76.9632ZM360.802 80.1026L362.073 78.5576L362.072 78.5572L360.802 80.1026ZM362.559 81.2367L361.57 82.9752L361.57 82.9752L362.559 81.2367ZM364.293 82.3497L363.039 83.9078L363.041 83.9094L364.293 82.3497ZM366.917 85.6788L368.732 84.8372L368.731 84.8365L366.917 85.6788ZM367.983 94.1735L369.976 94.3355L369.976 94.3327L367.983 94.1735ZM367.816 96.0392L365.824 95.8524V95.8524L367.816 96.0392ZM367.558 102.866L365.564 103.011L365.564 103.013L367.558 102.866ZM368.898 111.027L366.94 111.438V111.438L368.898 111.027ZM369.12 112.091L367.162 112.498L367.162 112.499L369.12 112.091ZM369.163 112.294L367.205 112.701L369.163 112.294ZM369.68 129.918L371.57 130.574L371.57 130.573L369.68 129.918ZM367.632 134.051L365.995 132.902L365.989 132.911L367.632 134.051ZM366.899 134.901L368.374 136.252L368.374 136.252L366.899 134.901ZM365.202 137.411L367.197 137.276L367.197 137.268L367.196 137.26L365.202 137.411ZM365.195 137.495L363.199 137.629L363.199 137.63L365.195 137.495ZM365.388 137.719L363.845 138.992L363.849 138.996L365.388 137.719ZM366.484 138.47L367.424 136.705L367.424 136.705L366.484 138.47ZM367.074 138.809L365.956 140.467L365.958 140.468L367.074 138.809ZM370.07 141.57L371.682 140.385L371.68 140.383L370.07 141.57ZM370.229 158.265L368.33 157.64L368.328 157.644L370.229 158.265ZM369.33 161.491L367.375 161.069L367.178 161.979L367.749 162.716L369.33 161.491ZM374.202 169.084L372.467 170.078L372.469 170.081L374.202 169.084ZM376.57 177.151L374.599 177.491L376.57 177.151ZM380.022 187.272C379.682 184.056 379.248 180.845 378.686 177.647L374.746 178.339C375.29 181.434 375.712 184.553 376.044 187.692L380.022 187.272ZM380.364 190.403C380.247 189.354 380.131 188.313 380.022 187.273L376.044 187.691C376.154 188.746 376.272 189.8 376.389 190.846L380.364 190.403ZM381.086 209.092C381.746 202.734 381.037 196.44 380.364 190.403L376.389 190.846C377.07 196.956 377.716 202.82 377.107 208.679L381.086 209.092ZM374.96 230.658C378.325 223.863 380.308 216.579 381.086 209.092L377.107 208.679C376.375 215.734 374.511 222.551 371.375 228.883L374.96 230.658ZM367.47 239.05C371.049 237.201 373.408 233.782 374.959 230.66L371.376 228.881C369.973 231.706 368.098 234.224 365.635 235.496L367.47 239.05ZM360.822 240.586C363.119 240.669 365.422 240.117 367.476 239.047L365.629 235.499C364.151 236.268 362.531 236.645 360.967 236.588L360.822 240.586ZM356.295 244.246C358.838 243.32 360.969 241.825 362.496 239.786L359.293 237.389C358.292 238.727 356.836 239.791 354.926 240.487L356.295 244.246ZM345.925 244.1C349.084 245.025 352.734 245.546 356.296 244.245L354.924 240.488C352.534 241.361 349.871 241.088 347.049 240.262L345.925 244.1ZM343.984 245.809C345.363 245.364 346.678 244.654 347.79 243.698L345.184 240.664C344.505 241.247 343.667 241.708 342.756 242.002L343.984 245.809ZM337.456 246.346C339.474 246.529 341.672 246.555 343.984 245.809L342.756 242.002C341.193 242.507 339.62 242.526 337.817 242.363L337.456 246.346ZM336.885 246.873C337.522 246.664 338.11 246.396 338.649 246.079L336.623 242.63C336.329 242.803 336.002 242.953 335.639 243.072L336.885 246.873ZM327.714 245.548C330.141 246.676 333.353 248.039 336.889 246.872L335.635 243.074C333.746 243.697 331.876 243.071 329.399 241.921L327.714 245.548ZM327.593 245.492C327.631 245.51 327.67 245.528 327.71 245.547L329.402 241.922C329.361 241.903 329.32 241.884 329.28 241.865L327.593 245.492ZM327.318 245.365C327.408 245.406 327.498 245.448 327.593 245.492L329.28 241.865C329.182 241.82 329.084 241.774 328.985 241.729L327.318 245.365ZM326.472 245.522C327.011 245.522 327.551 245.529 328.087 245.546L328.216 241.548C327.629 241.529 327.045 241.522 326.472 241.522V245.522ZM319.214 246.818C320.816 248.746 323.227 248.773 324.935 248.107C326.596 247.46 328.314 245.892 328.467 243.659L324.477 243.385C324.462 243.601 324.2 244.101 323.483 244.38C322.813 244.641 322.449 244.452 322.291 244.262L319.214 246.818ZM318.616 246.339C318.967 246.573 319.082 246.659 319.214 246.818L322.292 244.263C321.75 243.61 321.189 243.247 320.832 243.009L318.616 246.339ZM318.284 246.114C318.406 246.2 318.523 246.278 318.616 246.339L320.832 243.009C320.733 242.943 320.656 242.892 320.582 242.84L318.284 246.114ZM315.712 247.307C317.408 247.676 319.442 247.237 320.816 245.922L318.05 243.032C317.737 243.332 317.101 243.516 316.562 243.399L315.712 247.307ZM312.875 246.355C313.76 246.767 314.71 247.09 315.714 247.308L316.56 243.398C315.848 243.244 315.18 243.016 314.563 242.729L312.875 246.355ZM310.403 246.326C311.668 246.641 312.846 246.634 313.907 246.533L313.53 242.551C312.728 242.627 312.042 242.612 311.371 242.445L310.403 246.326ZM305.941 239.283C305.478 242.085 306.867 245.45 310.406 246.326L311.368 242.444C310.292 242.177 309.686 241.156 309.888 239.935L305.941 239.283ZM301.242 238.487C303.038 240.058 305.28 241.062 307.472 241.559L308.357 237.659C306.688 237.28 305.083 236.533 303.875 235.476L301.242 238.487ZM301.402 239.201C301.957 239.138 302.479 239.046 302.987 238.935L302.129 235.028C301.735 235.114 301.35 235.181 300.951 235.227L301.402 239.201ZM283.13 229.852C284.032 234.356 287.195 236.913 290.73 238.193C294.201 239.45 298.193 239.562 301.4 239.201L300.953 235.226C298.112 235.546 294.789 235.409 292.092 234.432C289.46 233.479 287.603 231.819 287.052 229.066L283.13 229.852ZM285.091 227.459H285.091C285.091 227.459 285.091 227.459 285.091 227.459C285.091 227.459 285.091 227.459 285.091 227.459C285.091 227.459 285.091 227.459 285.091 227.459C285.091 227.459 285.091 227.459 285.09 227.459H285.09H285.09H285.09C285.09 227.459 285.09 227.459 285.09 227.459C285.09 227.459 285.09 227.459 285.09 227.459V231.459C285.09 231.459 285.09 231.459 285.09 231.459C285.09 231.459 285.09 231.459 285.09 231.459H285.09H285.09H285.09C285.091 231.459 285.091 231.459 285.091 231.459C285.091 231.459 285.091 231.459 285.091 231.459C285.091 231.459 285.091 231.459 285.091 231.459C285.091 231.459 285.091 231.459 285.091 231.459H285.091V227.459ZM284.646 231.583C284.851 231.565 285.08 231.538 285.297 231.493C285.403 231.471 285.553 231.434 285.717 231.374C285.835 231.329 286.181 231.195 286.5 230.878L283.681 228.041C283.842 227.88 283.997 227.784 284.089 227.732C284.187 227.678 284.269 227.644 284.319 227.626C284.414 227.59 284.477 227.578 284.479 227.577C284.486 227.576 284.435 227.586 284.295 227.598L284.646 231.583ZM282.512 230C283.037 232.509 283.52 235.045 284.009 237.609L287.939 236.859C287.451 234.302 286.96 231.731 286.428 229.182L282.512 230ZM284.009 237.609C285.298 244.366 286.62 251.312 288.763 257.982L292.571 256.759C290.516 250.361 289.235 243.659 287.939 236.859L284.009 237.609ZM290.667 257.37C291.104 259.322 291.104 259.322 291.104 259.322C291.104 259.322 291.104 259.322 291.104 259.322C291.105 259.322 291.105 259.322 291.105 259.322C291.105 259.322 291.106 259.322 291.107 259.321C291.109 259.321 291.111 259.32 291.114 259.32C291.121 259.318 291.13 259.316 291.142 259.313C291.167 259.308 291.202 259.3 291.249 259.289C291.341 259.268 291.476 259.238 291.644 259.2C291.98 259.123 292.452 259.015 292.994 258.888C294.074 258.635 295.451 258.305 296.598 258.004L295.582 254.135C294.488 254.422 293.153 254.742 292.083 254.993C291.549 255.118 291.085 255.224 290.755 255.3C290.59 255.337 290.458 255.367 290.368 255.388C290.323 255.398 290.288 255.406 290.265 255.411C290.253 255.413 290.244 255.415 290.239 255.417C290.236 255.417 290.233 255.418 290.232 255.418C290.231 255.418 290.231 255.418 290.23 255.419C290.23 255.419 290.23 255.419 290.23 255.419C290.23 255.419 290.23 255.419 290.23 255.419C290.23 255.419 290.23 255.419 290.667 257.37ZM296.598 258.004C309.371 254.649 320.051 260.376 328.49 271.784C336.971 283.247 342.93 300.184 345.933 318.245L349.878 317.589C346.819 299.184 340.702 281.565 331.706 269.405C322.669 257.189 310.471 250.225 295.582 254.135L296.598 258.004ZM345.96 318.383C350.373 336.816 356.218 355.457 363.84 375.432L367.577 374.007C360.009 354.172 354.218 335.696 349.85 317.451L345.96 318.383ZM363.842 375.439C364.635 377.496 364.805 379.105 364.639 380.386C364.474 381.654 363.962 382.737 363.171 383.727C361.504 385.816 358.745 387.358 355.65 389.051L357.568 392.56C360.472 390.973 364.031 389.062 366.298 386.222C367.474 384.748 368.333 382.998 368.605 380.902C368.876 378.819 368.55 376.532 367.574 374.001L363.842 375.439ZM355.617 389.069L355.616 389.069L357.601 392.542L357.601 392.542L355.617 389.069ZM355.649 389.051C353.626 390.157 351.416 391.354 349.748 392.789L352.356 395.822C353.639 394.719 355.434 393.727 357.568 392.561L355.649 389.051ZM349.085 394.669C354.682 424.949 355.601 455.783 356.514 486.535L360.512 486.416C359.601 455.716 358.681 424.574 353.018 393.942L349.085 394.669ZM356.514 486.535C356.561 488.117 356.608 489.7 356.656 491.281L360.654 491.161C360.606 489.58 360.559 487.999 360.512 486.416L356.514 486.535ZM356.657 491.312L356.657 491.314L360.653 491.133L360.653 491.131L356.657 491.312ZM356.658 491.326C356.787 493.822 356.934 496.683 356.896 499.221C356.877 500.489 356.812 501.633 356.686 502.583C356.554 503.571 356.374 504.186 356.215 504.497L359.776 506.319C360.249 505.395 360.5 504.239 360.65 503.112C360.806 501.946 360.875 500.629 360.895 499.28C360.935 496.585 360.78 493.588 360.652 491.12L356.658 491.326ZM356.53 504.047C356.465 504.117 356.439 504.134 356.449 504.126C356.455 504.122 356.468 504.114 356.487 504.103C356.507 504.093 356.529 504.083 356.551 504.075C356.598 504.058 356.623 504.056 356.598 504.06C356.584 504.062 356.56 504.065 356.519 504.068C356.475 504.072 356.427 504.076 356.356 504.081L356.643 508.07C356.868 508.054 357.386 508.03 357.931 507.83C358.53 507.609 359.022 507.241 359.461 506.769L356.53 504.047ZM356.355 504.081L356.281 504.086L356.571 508.076L356.645 508.07L356.355 504.081ZM356.274 504.087L356.217 504.091L356.52 508.08L356.577 508.075L356.274 504.087ZM354.704 504.977C354.347 505.513 353.857 505.688 352.416 505.971L353.185 509.896C354.416 509.655 356.631 509.3 358.033 507.194L354.704 504.977ZM352.416 505.971C351.987 506.055 351.448 506.159 350.917 506.316L352.055 510.151C352.373 510.057 352.722 509.987 353.185 509.896L352.416 505.971ZM350.996 506.295C345.738 507.624 340.398 508.5 335.424 508.632L335.53 512.631C340.876 512.489 346.518 511.552 351.976 510.173L350.996 506.295ZM334.172 509.116C324.94 517.062 312.194 516.597 298.181 515.977L298.004 519.973C311.592 520.574 326.128 521.317 336.781 512.147L334.172 509.116ZM298.181 515.977C291.91 515.699 285.432 515.409 279.236 516.014L279.625 519.995C285.489 519.423 291.676 519.693 298.004 519.973L298.181 515.977ZM279.423 516.005C258.41 516.087 244.663 515.803 223.589 515.368L223.507 519.368C244.582 519.802 258.372 520.087 279.438 520.005L279.423 516.005ZM223.589 515.368C220.203 515.299 216.628 515.225 212.803 515.148L212.723 519.147C216.546 519.224 220.12 519.298 223.507 519.368L223.589 515.368ZM212.836 515.149C209.237 515.017 203.959 515.294 198.007 515.604L198.215 519.599C204.252 519.284 209.312 519.022 212.689 519.146L212.836 515.149ZM198.007 515.604C188.712 516.089 177.584 516.667 167.658 516.052C162.698 515.745 158.109 515.144 154.245 514.111C150.354 513.072 147.374 511.641 145.458 509.799L142.686 512.683C145.298 515.194 149.019 516.856 153.212 517.976C157.432 519.103 162.31 519.729 167.411 520.045C177.605 520.675 188.968 520.081 198.215 519.599L198.007 515.604ZM145.426 509.769C145.243 509.6 144.912 508.985 144.716 507.468C144.535 506.067 144.52 504.386 144.506 502.59L140.506 502.62C140.519 504.349 140.531 506.291 140.749 507.98C140.952 509.552 141.39 511.492 142.719 512.714L145.426 509.769ZM144.506 502.59C144.494 500.92 144.484 499.109 144.281 497.623L140.318 498.165C140.478 499.341 140.493 500.864 140.506 502.62L144.506 502.59ZM144.298 497.843C144.229 495.158 144.157 492.468 144.085 489.775L140.086 489.882C140.159 492.576 140.231 495.264 140.3 497.945L144.298 497.843ZM144.085 489.775L144.085 489.772L140.086 489.879L140.086 489.882L144.085 489.775ZM144.085 489.772C143.191 456.434 142.287 422.546 146.924 389.97L142.964 389.407C138.272 422.373 139.194 456.604 140.086 489.88L144.085 489.772ZM145.768 387.866C144.371 387.234 139.224 384.388 134.265 381.239C131.797 379.672 129.435 378.067 127.647 376.662C126.75 375.957 126.038 375.334 125.538 374.816C124.972 374.229 124.9 373.998 124.923 374.08L121.077 375.177C121.345 376.117 122.046 376.957 122.658 377.592C123.337 378.296 124.209 379.047 125.176 379.807C127.116 381.332 129.606 383.019 132.12 384.615C137.124 387.792 142.46 390.76 144.12 391.511L145.768 387.866ZM124.928 375.159C132.989 345.846 145.843 314.121 162.424 290.099C179.07 265.983 199.073 250.174 221.357 251.411L221.578 247.418C197.118 246.059 175.985 263.41 159.132 287.827C142.214 312.337 129.206 344.518 121.072 374.098L124.928 375.159ZM219.74 250.422C220.106 251.05 220.468 251.842 220.894 252.778L224.535 251.123C224.133 250.239 223.684 249.245 223.195 248.407L219.74 250.422ZM220.926 252.845L220.926 252.845L224.503 251.056L224.503 251.056L220.926 252.845ZM220.894 252.778C221.374 253.835 221.941 255.09 222.6 256.127L225.975 253.98C225.496 253.227 225.047 252.249 224.535 251.123L220.894 252.778ZM225.211 256.828C225.724 256.561 226.256 256.292 226.812 256.012L225.011 252.44C224.459 252.719 223.904 252.999 223.364 253.28L225.211 256.828ZM226.822 256.006L226.823 256.006L225.002 252.445L225.001 252.445L226.822 256.006ZM226.813 256.011C229.643 254.583 233.071 252.869 235.909 250.151C238.817 247.366 241.064 243.579 241.721 238.102L237.749 237.626C237.208 242.141 235.412 245.088 233.142 247.262C230.803 249.503 227.918 250.973 225.012 252.44L226.813 256.011ZM233.512 236.734C234.614 237.708 236.51 239.428 239.455 239.844L240.015 235.884C238.378 235.652 237.282 234.728 236.161 233.737L233.512 236.734ZM233.348 236.59C233.401 236.636 233.455 236.684 233.512 236.734L236.161 233.737C236.104 233.687 236.047 233.636 235.99 233.586L233.348 236.59ZM234.264 238.179C235.148 237.663 235.838 236.965 236.349 236.173L232.989 234.003C232.789 234.313 232.544 234.552 232.249 234.724L234.264 238.179ZM233.44 238.634C233.672 238.51 233.953 238.361 234.264 238.179L232.248 234.724C232.012 234.862 231.795 234.978 231.559 235.104L233.44 238.634ZM232.034 239.603C232.478 239.152 232.797 238.976 233.44 238.634L231.559 235.104C230.862 235.475 230.081 235.885 229.184 236.797L232.034 239.603ZM231.381 240.279C231.606 240.044 231.818 239.822 232.033 239.604L229.184 236.796C228.945 237.039 228.711 237.283 228.49 237.514L231.381 240.279ZM229.233 242.343C230.052 241.672 230.763 240.925 231.381 240.279L228.49 237.514C227.845 238.189 227.298 238.757 226.697 239.25L229.233 242.343ZM219.826 244.93C223.456 245.852 226.8 244.337 229.233 242.344L226.697 239.25C224.788 240.814 222.729 241.541 220.811 241.053L219.826 244.93ZM216.342 245.05C217.749 245.237 219.198 245.218 220.663 244.962L219.975 241.022C218.922 241.206 217.882 241.219 216.866 241.085L216.342 245.05ZM210.33 246.809C213.135 246.96 215.579 246.061 217.661 244.766L215.547 241.369C213.956 242.36 212.318 242.91 210.544 242.815L210.33 246.809ZM209.025 246.669C209.478 246.748 209.92 246.789 210.336 246.81L210.537 242.815C210.238 242.8 209.962 242.772 209.707 242.728L209.025 246.669ZM201.456 249.273C204.812 249.05 207.734 247.94 210.361 246.433L208.371 242.964C206.128 244.251 203.793 245.109 201.19 245.282L201.456 249.273ZM192.869 247.321C195.44 248.794 198.539 249.464 201.453 249.273L201.193 245.282C199.025 245.423 196.714 244.914 194.858 243.85L192.869 247.321ZM189.785 245.026C190.718 246.064 192.248 246.965 192.87 247.321L194.856 243.849C194.555 243.677 194.133 243.425 193.718 243.139C193.283 242.838 192.948 242.562 192.76 242.352L189.785 245.026ZM191.693 245.684C191.797 245.641 191.948 245.579 192.096 245.512L190.449 241.867C190.375 241.9 190.291 241.935 190.174 241.983L191.693 245.684ZM191.494 245.766C191.479 245.774 191.472 245.777 191.479 245.773C191.485 245.771 191.498 245.765 191.518 245.756C191.562 245.737 191.615 245.716 191.693 245.684L190.174 241.983C190.065 242.028 189.822 242.125 189.625 242.23L191.494 245.766ZM173.507 249.172C180.018 251.096 186.488 248.443 191.503 245.761L189.616 242.234C184.689 244.869 179.499 246.772 174.64 245.336L173.507 249.172ZM170.886 248.153C171.723 248.565 172.599 248.902 173.503 249.171L174.644 245.338C173.938 245.127 173.273 244.869 172.652 244.564L170.886 248.153ZM165.666 243.985C167.049 245.739 168.836 247.152 170.891 248.156L172.647 244.561C171.1 243.806 169.797 242.764 168.807 241.509L165.666 243.985ZM153.682 244.604C158.25 246.841 163.58 246.541 168.042 244.577L166.431 240.916C162.842 242.496 158.764 242.639 155.442 241.012L153.682 244.604ZM151.637 244.369C152.572 244.601 153.504 244.74 154.425 244.803L154.699 240.813C153.996 240.764 153.294 240.659 152.596 240.486L151.637 244.369ZM141.186 233.156C141.711 238.866 146.66 243.15 151.64 244.37L152.592 240.485C148.806 239.557 145.498 236.369 145.169 232.79L141.186 233.156ZM136.503 231.292C138.289 233.084 140.401 234.268 142.634 234.898L143.721 231.048C142.123 230.597 140.619 229.755 139.336 228.468L136.503 231.292ZM132.63 218.334C131.788 222.845 132.909 227.694 136.505 231.294L139.335 228.467C136.781 225.91 135.933 222.443 136.563 219.068L132.63 218.334ZM125.099 206.044C125.412 211.726 128.521 217.604 133.623 220.448L135.57 216.954C131.86 214.885 129.344 210.371 129.093 205.823L125.099 206.044ZM132.785 189.214C128.514 193.539 124.724 199.327 125.099 206.045L129.092 205.822C128.811 200.782 131.66 196.045 135.631 192.025L132.785 189.214ZM130.237 185.248C130.34 187.599 131.206 189.916 132.597 191.805L135.818 189.434C134.866 188.14 134.299 186.579 134.233 185.074L130.237 185.248ZM136.508 171.214C133.517 174.704 129.994 179.616 130.237 185.247L134.233 185.074C134.063 181.131 136.577 177.28 139.545 173.817L136.508 171.214ZM137.415 170.203C137.096 170.541 136.796 170.877 136.506 171.217L139.548 173.815C139.799 173.52 140.056 173.233 140.325 172.947L137.415 170.203ZM136.095 170.351C136.378 171.151 136.737 171.903 137.153 172.6L140.587 170.55C140.302 170.071 140.058 169.559 139.866 169.018L136.095 170.351ZM136.906 154.707C135.399 159.169 134.309 165.314 136.096 170.353L139.866 169.016C138.532 165.256 139.282 160.173 140.696 155.988L136.906 154.707ZM147.099 140.441C142.253 143.826 138.82 149.06 136.907 154.705L140.695 155.989C142.399 150.962 145.391 146.513 149.389 143.72L147.099 140.441ZM147.341 139.369C147.033 139.947 146.718 140.588 146.416 141.269L150.072 142.892C150.334 142.301 150.607 141.746 150.872 141.249L147.341 139.369ZM147.107 140.306V140.309H151.107V140.306H147.107ZM145.997 135.552C146.063 137.457 146.509 139.357 147.274 141.107L150.939 139.504C150.368 138.199 150.043 136.794 149.995 135.413L145.997 135.552ZM152.756 119.641C149.234 123.761 145.789 129.338 145.997 135.55L149.995 135.416C149.838 130.727 152.474 126.126 155.796 122.24L152.756 119.641ZM172.475 108.299C164.941 109.827 157.781 113.762 152.756 119.641L155.796 122.24C160.187 117.102 166.526 113.587 173.27 112.219L172.475 108.299ZM174.9 96.5011C171.508 100.515 169.969 105.757 170.908 110.637L174.836 109.881C174.15 106.313 175.258 102.275 177.955 99.083L174.9 96.5011ZM192.74 90.4012C186.502 89.9634 179.57 90.9715 174.9 96.5017L177.956 99.0825C181.396 95.0087 186.699 93.9871 192.46 94.3914L192.74 90.4012ZM190.584 91.498C190.565 91.8796 190.581 92.2384 190.607 92.5562L194.594 92.2364C194.577 92.0228 194.572 91.8492 194.579 91.6984L190.584 91.498ZM197.714 81.22C196.279 82.2628 194.596 83.6619 193.231 85.3365C191.877 86.9971 190.703 89.0921 190.584 91.4995L194.579 91.697C194.64 90.4765 195.257 89.1816 196.331 87.8641C197.394 86.5606 198.776 85.3935 200.066 84.4558L197.714 81.22ZM207.062 77.0556C203.747 77.7899 200.554 79.1558 197.714 81.2202L200.066 84.4556C202.427 82.7392 205.105 81.5859 207.927 80.9609L207.062 77.0556ZM205.93 71.7009C205.145 74.2473 205.027 76.8858 205.534 79.4028L209.455 78.6137C209.08 76.748 209.165 74.7859 209.753 72.8793L205.93 71.7009ZM213.137 61.7341C209.81 64.1396 207.193 67.5956 205.93 71.7022L209.753 72.878C210.744 69.6562 212.812 66.9055 215.481 64.9754L213.137 61.7341ZM213.627 53.271C211.384 56.4783 210.932 60.6491 212.478 64.1609L216.139 62.5487C215.175 60.3606 215.435 57.6658 216.905 55.5632L213.627 53.271ZM223.148 46.5887C219.493 47.7689 215.972 49.915 213.627 53.2714L216.905 55.5629C218.626 53.1004 221.318 51.3832 224.377 50.3952L223.148 46.5887ZM224.173 43.6154C223.153 44.8717 222.377 46.3288 221.866 47.8578L225.659 49.1261C226.03 48.0191 226.583 46.9934 227.278 46.1367L224.173 43.6154ZM239.625 38.4359C234.341 37.8375 228.086 38.7886 224.172 43.6165L227.279 46.1356C229.949 42.8424 234.502 41.8813 239.175 42.4105L239.625 38.4359ZM256.806 28.4286C249.187 28.6275 241.589 32.6934 237.672 39.4163L241.128 41.4301C244.283 36.0165 250.543 32.5935 256.91 32.4273L256.806 28.4286ZM261.26 26.9249C259.542 27.3917 257.838 27.9282 256.159 28.5539L257.556 32.302C259.107 31.7242 260.693 31.224 262.309 30.7849L261.26 26.9249ZM266.087 23.0008C263.573 24.0157 261.462 25.6261 260.095 27.7846L263.474 29.9252C264.317 28.5945 265.702 27.4698 267.584 26.7098L266.087 23.0008ZM278.091 22.8494C274.55 22.1561 270.341 21.2807 266.086 23.0011L267.585 26.7095C270.568 25.5035 273.591 26.0442 277.322 26.7748L278.091 22.8494ZM281.896 23.4975C280.663 23.352 279.419 23.1095 278.091 22.8494L277.322 26.7748C278.625 27.0299 280.018 27.3036 281.428 27.47L281.896 23.4975ZM283.01 23.5899C282.634 23.5686 282.257 23.5373 281.881 23.4958L281.443 27.4717C281.89 27.5211 282.337 27.5583 282.785 27.5835L283.01 23.5899ZM284.337 23.6247C283.849 23.5947 283.364 23.5826 282.88 23.5868L282.915 27.5866C283.308 27.5832 283.7 27.5931 284.091 27.6171L284.337 23.6247ZM284.234 23.6209H284.214V27.6209H284.234V23.6209ZM287.663 23.487C286.47 23.5562 285.344 23.6209 284.234 23.6209V27.6209C285.48 27.6209 286.722 27.5483 287.895 27.4803L287.663 23.487ZM297.967 24.4288C294.432 23.0653 290.795 23.3053 287.663 23.487L287.895 27.4803C291.173 27.2901 293.931 27.1591 296.527 28.1608L297.967 24.4288ZM305.045 30.139C303.453 27.442 300.822 25.5268 297.965 24.428L296.529 28.1616C298.746 29.014 300.566 30.42 301.6 32.1721L305.045 30.139ZM324.916 43.8957C321.86 34.9219 312.461 29.226 303.338 29.1556L303.307 33.1555C311.007 33.2149 318.706 38.0701 321.13 45.1852L324.916 43.8957ZM337.898 43.0217C332.959 41.1143 327.381 41.5535 322.601 42.5855L323.445 46.4954C327.943 45.5244 332.598 45.2629 336.457 46.7531L337.898 43.0217ZM344.738 48.7658C343.229 45.9015 340.603 44.0645 337.897 43.0213L336.458 46.7535C338.552 47.5609 340.268 48.8631 341.2 50.631L344.738 48.7658ZM346.281 54.8643C346.082 53.0727 345.861 50.889 344.737 48.7634L341.201 50.6334C341.917 51.9862 342.096 53.4168 342.305 55.3051L346.281 54.8643ZM346.648 57.4471C346.478 56.6261 346.384 55.7948 346.281 54.8643L342.305 55.3051C342.406 56.2072 342.517 57.2248 342.732 58.2603L346.648 57.4471ZM346.703 57.8353C346.522 57.8228 346.49 57.7976 346.538 57.8183C346.565 57.8299 346.607 57.8515 346.654 57.8867C346.701 57.9222 346.74 57.9612 346.77 57.9977C346.827 58.0668 346.822 58.0934 346.787 57.9952C346.75 57.8908 346.706 57.7273 346.648 57.4475L342.732 58.2599C342.853 58.8453 343.057 59.7778 343.675 60.5323C344.413 61.4322 345.428 61.7573 346.43 61.8259L346.703 57.8353ZM348.313 57.8103C347.675 57.8449 347.182 57.869 346.707 57.8355L346.426 61.8257C347.191 61.8796 347.933 61.8368 348.53 61.8044L348.313 57.8103ZM350.846 57.8287C349.913 57.7187 349.013 57.7723 348.313 57.8103L348.53 61.8044C349.285 61.7634 349.842 61.738 350.378 61.8012L350.846 57.8287ZM359.78 62.6973C357.547 60.0481 354.345 58.2372 350.844 57.8284L350.38 61.8014C352.816 62.0858 355.108 63.3612 356.722 65.2753L359.78 62.6973ZM363.224 72.0207C363.326 68.5207 361.902 65.2094 359.779 62.6958L356.723 65.2768C358.331 67.1809 359.294 69.5612 359.226 71.9045L363.224 72.0207ZM362.486 76.4431C362.8 75.1583 363.181 73.6298 363.224 72.0165L359.226 71.9087C359.196 73.0244 358.931 74.1389 358.6 75.4938L362.486 76.4431ZM362.274 77.3256C362.341 77.0366 362.412 76.7462 362.486 76.4431L358.6 75.4938C358.527 75.7933 358.451 76.1053 358.378 76.4195L362.274 77.3256ZM362.254 77.4112L362.275 77.3206L358.377 76.4245L358.356 76.5151L362.254 77.4112ZM362.072 78.5572C362.025 78.5188 362.04 78.5188 362.06 78.56C362.077 78.5959 362.069 78.603 362.065 78.5426C362.061 78.4722 362.066 78.3509 362.099 78.1478C362.133 77.94 362.184 77.7152 362.254 77.4119L358.356 76.5145C358.238 77.0272 358.023 77.8929 358.071 78.7641C358.128 79.7831 358.533 80.8267 359.533 81.648L362.072 78.5572ZM363.547 79.4981C362.908 79.1346 362.452 78.8695 362.073 78.5576L359.532 81.6475C360.222 82.2142 360.985 82.6424 361.57 82.9752L363.547 79.4981ZM365.547 80.7915C364.865 80.2428 364.121 79.8247 363.547 79.4981L361.57 82.9752C362.192 83.3292 362.65 83.5946 363.039 83.9078L365.547 80.7915ZM368.731 84.8365C367.995 83.2512 366.886 81.8663 365.545 80.7899L363.041 83.9094C363.922 84.6158 364.637 85.5162 365.103 86.5211L368.731 84.8365ZM369.976 94.3327C370.213 91.3673 370.188 87.9771 368.732 84.8372L365.103 86.5204C366.113 88.6987 366.211 91.2348 365.989 94.0143L369.976 94.3327ZM369.807 96.2259C369.865 95.6076 369.924 94.9739 369.976 94.3355L365.989 94.0114C365.94 94.621 365.883 95.2302 365.824 95.8524L369.807 96.2259ZM369.553 102.721C369.4 100.616 369.591 98.5249 369.807 96.2259L365.824 95.8524C365.614 98.0987 365.382 100.52 365.564 103.011L369.553 102.721ZM370.855 110.615C370.283 107.895 369.744 105.317 369.553 102.719L365.564 103.013C365.778 105.922 366.378 108.762 366.94 111.438L370.855 110.615ZM371.079 111.684C371.004 111.327 370.929 110.97 370.855 110.615L366.94 111.438C367.015 111.793 367.089 112.146 367.162 112.498L371.079 111.684ZM371.121 111.886L371.079 111.684L367.162 112.499L367.205 112.701L371.121 111.886ZM371.57 130.573C373.751 124.283 372.282 117.467 371.121 111.886L367.205 112.701C368.416 118.524 369.546 124.2 367.791 129.263L371.57 130.573ZM369.27 135.2C370.289 133.747 371.023 132.148 371.57 130.574L367.791 129.262C367.33 130.591 366.746 131.833 365.995 132.902L369.27 135.2ZM368.374 136.252C368.641 135.96 369.038 135.534 369.276 135.191L365.989 132.911C365.994 132.905 365.984 132.918 365.952 132.958C365.922 132.995 365.882 133.043 365.828 133.103C365.719 133.228 365.587 133.373 365.424 133.551L368.374 136.252ZM367.196 137.26C367.212 137.47 367.178 137.621 367.161 137.685C367.143 137.752 367.127 137.78 367.136 137.762C367.157 137.718 367.22 137.612 367.351 137.436C367.617 137.082 367.981 136.681 368.374 136.252L365.424 133.551C365.062 133.945 364.555 134.497 364.149 135.04C363.945 135.312 363.722 135.641 363.547 135.996C363.393 136.309 363.156 136.879 363.207 137.561L367.196 137.26ZM367.19 137.361C367.204 137.571 367.182 137.742 367.163 137.849C367.153 137.901 367.143 137.943 367.137 137.97C367.131 137.995 367.125 138.015 367.124 138.021C367.117 138.046 367.143 137.957 367.162 137.858C367.172 137.808 367.18 137.756 367.187 137.702C367.193 137.649 367.197 137.597 367.2 137.547C367.205 137.448 367.203 137.356 367.197 137.276L363.206 137.546C363.203 137.497 363.201 137.431 363.205 137.351C363.207 137.311 363.21 137.268 363.216 137.223C363.221 137.177 363.228 137.132 363.237 137.087C363.254 137.001 363.278 136.92 363.269 136.952C363.267 136.959 363.261 136.981 363.254 137.008C363.247 137.036 363.237 137.079 363.227 137.133C363.207 137.243 363.185 137.416 363.199 137.629L367.19 137.361ZM366.93 136.446C366.822 136.315 366.745 136.231 366.69 136.171C366.684 136.165 366.679 136.16 366.676 136.156C366.672 136.152 366.672 136.152 366.672 136.153C366.673 136.153 366.678 136.158 366.685 136.166C366.692 136.174 366.707 136.19 366.725 136.212C366.749 136.24 366.847 136.354 366.941 136.522C367.054 136.723 367.166 137.007 367.19 137.36L363.199 137.63C363.224 137.986 363.337 138.274 363.453 138.48C363.55 138.652 363.65 138.771 363.68 138.806C363.717 138.849 363.75 138.884 363.755 138.889C363.76 138.895 363.765 138.9 363.767 138.902C363.77 138.905 363.771 138.906 363.773 138.908C363.775 138.911 363.78 138.916 363.789 138.926C363.799 138.937 363.817 138.958 363.845 138.992L366.93 136.446ZM367.424 136.705C367.205 136.588 367.067 136.513 366.955 136.442C366.905 136.41 366.88 136.391 366.873 136.385C366.864 136.378 366.889 136.396 366.927 136.442L363.849 138.996C364.403 139.665 365.254 140.081 365.545 140.236L367.424 136.705ZM368.193 137.15C367.92 136.967 367.613 136.805 367.424 136.705L365.545 140.236C365.785 140.364 365.891 140.423 365.956 140.467L368.193 137.15ZM371.68 140.383C370.673 139.018 369.467 138.007 368.19 137.149L365.958 140.468C366.993 141.164 367.81 141.876 368.461 142.758L371.68 140.383ZM372.129 158.891C372.997 156.255 373.918 153.092 374.127 149.911C374.337 146.708 373.836 143.315 371.682 140.385L368.459 142.755C369.871 144.675 370.308 147.02 370.136 149.648C369.962 152.298 369.179 155.058 368.33 157.64L372.129 158.891ZM371.285 161.914C371.522 160.818 371.842 159.769 372.13 158.886L368.328 157.644C368.024 158.575 367.655 159.775 367.375 161.069L371.285 161.914ZM375.938 168.09C374.411 165.424 372.819 162.73 370.911 160.267L367.749 162.716C369.47 164.938 370.942 167.417 372.467 170.078L375.938 168.09ZM378.541 176.811C378.076 174.119 377.538 170.874 375.936 168.087L372.469 170.081C373.655 172.145 374.11 174.656 374.599 177.491L378.541 176.811ZM378.686 177.646C378.637 177.371 378.59 177.094 378.541 176.811L374.599 177.491C374.648 177.772 374.697 178.057 374.747 178.34L378.686 177.646Z" fill="#236DF6" mask="url(#path-6-outside-1_1_294)"/>
<path d="M279 29.4998C283.694 29.4998 287.5 25.6943 287.5 20.9998C287.5 16.3054 283.694 12.4998 279 12.4998C274.306 12.4998 270.5 16.3054 270.5 20.9998C270.5 25.6943 274.306 29.4998 279 29.4998Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M358.5 71.4998C363.194 71.4998 367 67.6942 367 62.9998C367 58.3054 363.194 54.4998 358.5 54.4998C353.806 54.4998 350 58.3054 350 62.9998C350 67.6942 353.806 71.4998 358.5 71.4998Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M358.5 248.5C363.194 248.5 367 244.694 367 240C367 235.305 363.194 231.5 358.5 231.5C353.806 231.5 350 235.305 350 240C350 244.694 353.806 248.5 358.5 248.5Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M141 245.5C145.695 245.5 149.5 241.694 149.5 237C149.5 232.305 145.695 228.5 141 228.5C136.306 228.5 132.5 232.305 132.5 237C132.5 241.694 136.306 245.5 141 245.5Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M123 388C127.694 388 131.5 384.194 131.5 379.5C131.5 374.805 127.694 371 123 371C118.306 371 114.5 374.805 114.5 379.5C114.5 384.194 118.306 388 123 388Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M366 388C370.694 388 374.5 384.194 374.5 379.5C374.5 374.805 370.694 371 366 371C361.306 371 357.5 374.805 357.5 379.5C357.5 384.194 361.306 388 366 388Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M358.5 469C363.194 469 367 465.194 367 460.5C367 455.805 363.194 452 358.5 452C353.806 452 350 455.805 350 460.5C350 465.194 353.806 469 358.5 469Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M141 476.5C145.695 476.5 149.5 472.694 149.5 468C149.5 463.305 145.695 459.5 141 459.5C136.306 459.5 132.5 463.305 132.5 468C132.5 472.694 136.306 476.5 141 476.5Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M160.5 289C165.194 289 169 285.194 169 280.5C169 275.805 165.194 272 160.5 272C155.806 272 152 275.805 152 280.5C152 285.194 155.806 289 160.5 289Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
<path d="M156 128.5C160.694 128.5 164.5 124.694 164.5 120C164.5 115.305 160.694 111.5 156 111.5C151.306 111.5 147.5 115.305 147.5 120C147.5 124.694 151.306 128.5 156 128.5Z" fill="#F1F1EF" stroke="#236DF6" stroke-width="2"/>
</g>
<path d="M392.858 249.419C401.878 251.278 408.661 259.265 408.661 268.836C408.661 271.007 408.312 273.096 407.667 275.051L416.872 284.256L404.128 297L394.858 287.729C392.959 288.334 390.935 288.66 388.836 288.66C379.611 288.66 371.858 282.359 369.645 273.826L360 240L392.858 249.419Z" fill="#F1F1EF"/>
<path d="M411.775 284.256L405.118 277.6L403.548 276.03L404.244 273.922C404.812 272.232 405.068 270.709 405.056 268.836C405.056 261.009 399.51 254.47 392.131 252.95L391.996 252.922L391.865 252.884L365.246 245.254L373.111 272.838L373.123 272.88L373.134 272.922C374.945 279.904 381.293 285.056 388.836 285.056C390.648 285.067 392.122 284.828 393.764 284.295L395.855 283.629L397.406 285.181L404.128 291.903L411.775 284.256ZM392.858 249.419C401.878 251.278 408.661 259.265 408.661 268.836C408.661 271.007 408.312 273.096 407.667 275.051L414.324 281.708L416.872 284.256L414.324 286.805L406.677 294.451L404.128 297L401.58 294.451L394.858 287.729C392.959 288.334 390.935 288.66 388.836 288.66C379.611 288.66 371.858 282.359 369.645 273.826L361.165 244.083L360 240L364.082 241.17L392.858 249.419Z" fill="#211814"/>
<path d="M362.331 244.879L361.056 243.604L363.605 241.056L364.879 242.33L390.111 267.561L391.385 268.836L388.836 271.384L387.562 270.11L362.331 244.879Z" fill="#211814"/>
<path d="M388.836 274.242C391.822 274.242 394.243 271.822 394.243 268.836C394.243 265.85 391.822 263.429 388.836 263.429C385.85 263.429 383.429 265.85 383.429 268.836C383.429 271.822 385.85 274.242 388.836 274.242Z" fill="#211814"/>
</svg>

Ejemplos en Codepen

Repositorio con recursos

Roadmap ¿Qué veremos hoy?

Qué es el formato SVG

Anatomía de un SVG

Ventajas de utilizarlo

Cómo crear un SVG

Implementación en proyectos web

Animación con CSS y JS

Recursos...

Qué es el formato SVG

Scalable Vector Graphic

<img src="kakarotto.svg" alt="kakarotto">
<!-- 3KB -->
<img src="kakarotto.png" alt="kakarotto">
<!-- 37KB -->

Chris Lilley

@SVGeesus

Director técnico en el World Wide Web Consortium (W3C)

Ventajas

  • Los gráficos SVG se crean con sintaxis XML
  • El lenguaje de marcado XML (parecido a HTML)
  • Manipulación por CSS y JS
  • Efectos standard de edición (filtros, máscaras, crops)
  • ES CODIGO!!
  • Peso inferior respecto a imágenes rasterizadas
  • Se puede escalar a cualquier tamaño
  • Escalabilidad infinita en cualquier tamaño
  • Soporte actual de navegadores

Cómo crear un SVG

Herramientas gráficas

Cómo crear un SVG

Directamente en código

<svg width="200" height="120" viewBox="0 0 200 120">
	<desc>Bandera</desc>
	<g class="flag">
		<rect fill="red" x="0" y="0" width="200" height="20"></rect>
		<rect fill="orange" x="0" y="20" width="200" height="20"></rect>
		<rect fill="yellow" x="0" y="40" width="200" height="20"></rect>
		<rect fill="green" x="0" y="60" width="200" height="20"></rect>
		<rect fill="blue" x="0" y="80" width="200" height="20"></rect>
		<rect fill="purple" x="0" y="100" width="200" height="20"></rect>
	</g>
</svg>

Ejemplo en codepen

Formas Básicas

Sistema de coordenadas

Viewport y Viewbox

<svg width="100" height="100">
  <ellipse cx="50" cy="50" rx="50" ry="50" fill="#FFD90F"></ellipse>
</svg>
<svg width="50" height="50">
  <ellipse cx="50" cy="50" rx="50" ry="50" fill="#FFD90F"></ellipse>
</svg>

pen.new

<svg width="200" height="200" viewBox="0 0 100 100">
  <circle cx="100" cy="100" r="100" fill="#FFD90F" />
</svg>
<svg width="200" height="200" viewBox="0 0 100 100">
  <circle cx="100" cy="100" r="100" fill="#FFD90F" />
</svg>

Veamos el ejemplo en codepen

Viewbox Clipping

Etiqueta SVG

Figuras y elementos dentro de la etiqueta

<svg width="80" height="10">
  <rect x="0" y="0" width="80" height="10" fill="red" />
</svg>
<svg>
  <text x="5" y="20">Un texto cualquiera</text>
</svg>
<svg viewBox="0 0 800 500" >
  <defs>
    <path id="miPath" d="M 20 40 Q 260 200 400 400" />
  </defs>
  <use xlink:href="#miPath" fill="none" stroke="#0092b7" />
  <text font-family="Arial" font-size="42.5">
    <textPath xlink:href="#miPath">
      Texto cualquiera por el caminito
    </textPath>
  </text>
</svg>
<svg>
  <rect x="0" y="0" width="80" height="80" fill="#0092b7" />
</svg>
<svg>
  <circle cx="70" cy="70" r="60" fill="#0092b7" />
</svg>
<svg>
  <ellipse cx="200" cy="80" rx="100" ry="50" fill="#0092b7" />
</svg>
<svg>
  <line x1="0" y1="80" x2="80" y2="0" stroke="#0092b7" />
</svg>
<svg height="300" width="300">
	<path
		d="M150 0 L75 200 L225 200 Z"
		fill="#0092b7"
		stroke="#000"
		stroke-width="3"
	/>
</svg>

Ejemplos en codepen

Etiqueta SVG

Symbol

Etiqueta SVG

Symbol

<svg class="hidden">
  <symbol id="mi-elemento" viewBox="0 0 80 80">
    <rect x="0" y="0" width="80" height="10" fill="red" />
  </symbol>
</svg>
<svg width="80" height="10">
  <defs>
    <rect id="mi-elemento" x="0" y="0" width="80" height="10" fill="red" />
  </defs>
</svg>
<svg width="80" height="10">
  <use xlink:href="#mi-elemento" href="mi-elemento" />
</svg>

Incluir un SVG

Formas de incluir un SVG en tu HTML

Crear proyecto en codesandbox

Proyecto con  ejemplos

Atributos SVG

Modificar aspecto

<svg width="250" height="250">
  <circle cx="125" cy="125" r="100" stroke-width="5" stroke="#000" fill="#FFD90F" />
</svg>

Utilizar estilos en SVG

Modificar aspecto con CSS

Estilos CSS en elementos SVG

<object>

SVG inline

<embed>

<iframe>

img

background-img

CSS en SVG codepen

Etiqueta SVG

Path | Group

<path> elemento

  • El elemento path, toma un único atributo para describir que es lo que tiene que dibujar: "d"

  • Las letras que observías, son comandos

  • Los número, agregan valores a los comandos

  • Las comas son opcionales, hacen la misma función que un espacio en blanco

  • Las letras MAY son valores absolutos y las MIN son relativos

Lectura

M150
0 
L75 
200 
L225 
200 
Z
<svg height="300" width="300">
	<path
		d="M150 0 L75 200 L225 200 Z"
		fill="#0092b7"
		stroke="#000"
		stroke-width="3"
	/>
</svg>

https://codepen.io/chriscoyier/pen/NRwANp

Grupos

Accesibilidad y pantallas

Screenreaders | Responsive

  • Provee de un title y description:  Los elementos de SVG <title> y <desc> provee de una lectura del contenido.

  • Limpia código innecesario:  Pensad que un lector de pantalla lee cada una de las letras.
  • Haz que tengo foco: Si nuestro SVG es interactivo, deberemos de asegurarnos de que podemos hacer foco des de el tabulador de un teclado.

<g id="svg-list" role="list" aria-label="svg graph" transform="translate(0,58)">
// <g id="bars" role="list">/ <g id="bars-items" role="listitems">  
<!-- Eliminad los atributos 'width' y 'height' del SVG en linea -->
<!-- Añadid el atributo 'viewBox' si es que no lo teníais ya :p -->

<svg xmlns="http://www.w3.org/2000/svg" width="270" height="80" 
viewBox="0 0 270 80">


<!-- contenido del SVG -->


</svg>

 Atributo PreserveAspectRatio

*preserveAspectRatio no tiene efecto si no hay un viewbox declarado

Filtros con SVG

<filter> element | Filtros | Máscaras

<svg width="600" height="450" viewBox="0 0 600 450">
    <filter id="myFilter">
    <!-- filter effects go in here -->
    </filter>
    <image xlink:href="..." 
           width="100%" height="100%" x="0" y="0"
           filter="url(#myFilter)">
    </image>   
</svg>

.filtro {
   filter: url(#myFilter);
}

Librería de iconos

Creación | Sprites | Webfont | Implementación

SVG icons vs Webfont

  • Mayor control sobre los estilos (iconos multi-color)

  • Pueden ser animados e interactivos

  • Consistencia de renderizado en los navegadores

  • Más sencillos de crear, optimizar, implementar y mantener

inline svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <symbol viewBox="-10 -10 52 52" id="alien" xmlns="http://www.w3.org/2000/svg">
    <path d="M9.263 13.281c-.722-.193-1.444-.048-1.973.337-1.732 1.203-1.588 4.62.289 7.94 1.251 2.165 2.935 3.753 4.475 4.09.241.048.433.096.674.096.481 0 .962-.144 1.347-.385 1.732-1.203 1.588-4.62-.289-7.94-1.251-2.214-2.983-3.753-4.523-4.138zm3.946 10.875c-.193.144-.481.192-.818.096-1.155-.241-2.55-1.588-3.561-3.417-1.492-2.695-1.636-5.389-.722-6.015a.814.814 0 0 1 .481-.144c.096 0 .193 0 .337.048 1.155.241 2.55 1.588 3.561 3.417 1.54 2.647 1.636 5.341.722 6.015zM24.71 13.618c-.529-.385-1.251-.481-1.973-.337-1.54.337-3.272 1.925-4.475 4.09-1.877 3.32-1.973 6.737-.289 7.94.385.289.818.385 1.347.385.192 0 .433-.048.674-.096 1.54-.337 3.272-1.925 4.475-4.09 1.829-3.272 1.973-6.689.241-7.892zm-1.54 7.218c-1.011 1.829-2.406 3.128-3.561 3.417-.337.096-.626.048-.818-.096-.914-.626-.818-3.368.722-6.015 1.011-1.829 2.406-3.128 3.561-3.417.096-.048.241-.048.337-.048.192 0 .337.048.481.144.914.626.77 3.32-.722 6.015zM16 0C8.878 0 3.056 5.823 3.056 12.944 3.056 24.108 12.873 32 16 32s12.944-7.94 12.944-19.056C28.944 5.822 23.121 0 16 0zm0 30.605c-2.214 0-11.501-7.026-11.501-17.612C4.499 6.641 9.648 1.492 16 1.492s11.501 5.149 11.501 11.501c0 10.538-9.287 17.612-11.501 17.612zm3.08-26.226c.096-.385.481-.626.866-.481 2.743.77 4.908 2.887 5.63 5.63.096.385-.096.77-.481.866-.048 0-.144.048-.192.048-.337 0-.626-.193-.674-.529-.626-2.262-2.406-3.994-4.62-4.62-.433-.144-.626-.529-.529-.914z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="antenna" xmlns="http://www.w3.org/2000/svg">
    <path d="M23.449 12.511l1.91-6.627c.337.112.674.168 1.067.168.786 0 1.573-.281 2.134-.899A3.018 3.018 0 1 0 24.291.884c-.842.842-1.067 2.134-.674 3.201l-6.627 1.91L11.374.379c-.337-.337-.899-.337-1.179 0-4.943 4.943-5.223 12.862-.786 18.141l-2.696 8.986H3.399a.863.863 0 0 0-.842.842v2.808c0 .449.393.842.842.842h17.58a.863.863 0 0 0 .842-.842v-2.921a.863.863 0 0 0-.842-.842h-3.314l-1.46-4.605c1.067.281 2.19.449 3.314.449 3.426 0 6.852-1.292 9.492-3.932a.814.814 0 0 0 0-1.179l-5.56-5.616zm-2.696-2.696l2.359-2.359-1.067 3.707-1.292-1.348zm4.662-7.751c.281-.281.618-.393.955-.393s.674.112.955.393c.505.505.505 1.404 0 1.91s-1.404.505-1.91 0c-.562-.562-.562-1.404 0-1.91zM21.932 6.22l-2.359 2.359-1.348-1.348 3.707-1.011zm-1.797 24.095H4.128v-1.236h16.007v1.236zm-4.212-2.864H8.341l2.303-7.582c1.123 1.011 2.359 1.741 3.651 2.303l1.629 5.279zm-4.662-9.324c-.112-.112-.225-.281-.337-.393l-.056-.056C6.88 13.297 6.824 6.557 10.7 2.12l16.569 16.569c-4.662 3.988-11.626 3.763-16.007-.562z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="asteroid" xmlns="http://www.w3.org/2000/svg">
    <path d="M13.803 16.318c-.35 0-.701-.088-1.007-.263-.526-.263-.876-.745-1.051-1.27-.35-1.139.307-2.365 1.445-2.715s2.365.307 2.715 1.445c.175.569.088 1.139-.175 1.664s-.745.876-1.27 1.051c-.263.088-.438.088-.657.088zm0-3.022c-.088 0-.175 0-.263.044a.857.857 0 0 0-.569 1.051c.088.219.219.394.394.526s.438.131.657.044c.219-.088.394-.219.526-.394.088-.219.131-.438.044-.657a.842.842 0 0 0-.788-.613zm5.212 2.584c-.219 0-.394-.044-.569-.131-.307-.175-.482-.438-.613-.745-.175-.657.175-1.358.832-1.533s1.358.175 1.533.832c.088.307.044.657-.088.92-.175.307-.438.482-.744.613-.088 0-.219.044-.35.044zm-.044-1.227c0 .044.044.044.088.044s.044-.044.044-.088c0 0 0-.044-.044-.044h-.044s-.044 0-.044.044c0 0-.044.044 0 .044zM8.986 27.441c-3.109 0-5.65-2.54-5.65-5.65s2.54-5.65 5.65-5.65 5.65 2.54 5.65 5.65-2.54 5.65-5.65 5.65zm0-9.985c-2.409 0-4.336 1.927-4.336 4.336s1.927 4.336 4.336 4.336 4.336-1.927 4.336-4.336-1.971-4.336-4.336-4.336zm8.715 6.394c.307-1.314.92-2.452 1.796-3.328l8.89-8.89c.263-.263.263-.657 0-.92s-.657-.263-.92 0l-8.89 8.89c-1.051 1.007-1.752 2.409-2.146 3.942-.876 3.766-4.467 6.263-8.321 5.869-3.504-.394-6.35-3.197-6.744-6.744-.438-3.854 2.102-7.445 5.869-8.321 1.577-.35 2.934-1.095 3.942-2.146l8.89-8.89c.263-.263.263-.657 0-.92s-.657-.263-.92 0l-8.89 8.89c-.876.876-2.015 1.489-3.328 1.796C2.506 14.085-.428 18.29.053 22.8c.438 4.117 3.766 7.445 7.883 7.883.35.044.657.044 1.007.044 4.16 0 7.796-2.803 8.759-6.876zm-1.095-12.569l8.89-8.89c.263-.263.263-.657 0-.92s-.657-.263-.92 0l-8.89 8.89a.635.635 0 0 0 0 .92c.131.131.307.175.482.175s.307-.044.438-.175zm6.307.351l8.89-8.89c.263-.263.263-.657 0-.92s-.657-.263-.92 0l-8.89 8.89a.635.635 0 0 0 0 .92c.131.131.307.175.482.175s.307-.044.438-.175z"/></symbol>
  <symbol viewBox="-10 -10 52 52" id="astronaut" xmlns="http://www.w3.org/2000/svg">
    <path d="M16 24.99c6.1 0 11.077-4.12 11.077-9.258 0-.642-.053-1.231-.214-1.873a4.259 4.259 0 0 0-1.712-2.462C22.582 9.631 19.318 8.668 16 8.668s-6.582.963-9.151 2.729a4.254 4.254 0 0 0-1.712 2.462 7.435 7.435 0 0 0-.214 1.873C4.923 20.816 9.9 24.99 16 24.99zM6.689 14.288c.161-.642.535-1.177 1.07-1.498 2.301-1.552 5.244-2.462 8.241-2.462s5.94.856 8.241 2.462c.535.375.91.91 1.07 1.498.107.482.161.963.161 1.498 0 4.227-4.227 7.652-9.472 7.652s-9.472-3.425-9.472-7.652c0-.535.053-1.017.161-1.498zm12.361-1.392a.848.848 0 0 1 1.017-.535c.91.321 1.766.749 2.569 1.231.589.428 1.07 1.017 1.231 1.766.107.428.161.856.161 1.284s-.375.803-.803.803-.803-.321-.803-.803c0-.321-.053-.589-.107-.91-.107-.321-.268-.642-.589-.803a9.981 9.981 0 0 0-2.14-1.07c-.428-.107-.696-.535-.535-.963zm12.147 1.82c0-1.124-.161-2.997-1.124-3.371C28.682 4.87 22.902 0 15.999 0S3.317 4.87 1.925 11.345C.962 11.72.801 13.539.801 14.716c0 1.231.161 3.211 1.284 3.425.268.91.589 1.819 1.017 2.622-.375.856-.589 1.712-.589 2.569 0 4.763 6.047 8.669 13.485 8.669s13.485-3.906 13.485-8.669c0-.856-.214-1.766-.589-2.569a15.66 15.66 0 0 0 1.017-2.622c1.07-.268 1.284-2.247 1.284-3.425zM12.147 2.194v2.408c0 .428.375.803.803.803s.803-.375.803-.803V1.819a6.77 6.77 0 0 1 1.498-.161v4.174c0 .428.375.803.803.803s.803-.375.803-.803V1.604c.482.054.963.107 1.498.161v2.783c0 .428.375.803.803.803s.803-.375.803-.803V2.14c5.137 1.659 8.883 6.475 8.883 12.201 0 7.064-5.726 12.789-12.789 12.789S3.212 21.458 3.212 14.394c0-5.672 3.746-10.542 8.936-12.201zM27.88 23.331c0 3.906-5.351 7.064-11.88 7.064S4.12 27.238 4.12 23.331c0-.268.053-.482.053-.749 2.622 3.746 6.957 6.207 11.826 6.207s9.204-2.462 11.826-6.207c.053.268.053.482.053.749z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="jupiter" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.34 11.437a16.408 16.408 0 0 0-1.765-3.845c0-.063-.063-.126-.126-.189a14.562 14.562 0 0 0-1.954-2.458l-.063-.063a14.876 14.876 0 0 0-3.908-2.962C19.742-.097 15.456-.538 11.359.722S3.921 4.693 1.904 8.475-.554 16.543.706 20.64s3.971 7.438 7.753 9.455c2.332 1.261 4.916 1.891 7.564 1.891 1.576 0 3.089-.252 4.601-.693 4.097-1.261 7.438-3.971 9.455-7.753 2.017-3.719 2.458-8.005 1.261-12.102zM28.441 22.72c-.126.252-.315.504-.441.756H16.024c-.504 0-.945.441-.945.945s.441.945.945.945h10.589c-.189.189-.315.378-.504.567H18.419c-.504 0-.945.441-.945.945s.441.945.945.945h5.421c-1.135.756-2.395 1.324-3.719 1.765-3.593 1.072-7.438.693-10.715-1.072-3.341-1.765-5.736-4.727-6.807-8.383-.189-.693-.378-1.387-.441-2.143h8.951c.504 0 .945-.441.945-.945s-.441-.945-.945-.945H1.906v-.63h10.968c.504 0 .945-.441.945-.945s-.441-.945-.945-.945H2.159c.252-1.45.756-2.899 1.45-4.223 1.765-3.341 4.727-5.736 8.32-6.807 1.324-.378 2.71-.63 4.097-.63 2.269 0 4.601.567 6.618 1.702.567.315 1.135.63 1.639 1.009h-9.644c-.504 0-.945.441-.945.945s.441.945.945.945h11.787c.126.189.315.315.441.504h-8.446c-.504 0-.945.441-.945.945s.441.945.945.945h9.77a12.958 12.958 0 0 1 1.324 3.026c1.072 3.656.693 7.438-1.072 10.778z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="mars" xmlns="http://www.w3.org/2000/svg">
    <path d="M15.99 31.993c-2.582 0-5.164-.63-7.557-1.889-3.779-2.015-6.487-5.353-7.746-9.447s-.756-8.439 1.26-12.218S7.3 1.952 11.394.693s8.376-.756 12.155 1.26c3.779 2.015 6.487 5.353 7.746 9.447 1.26 4.094.819 8.376-1.197 12.155s-5.353 6.487-9.447 7.746c-1.574.441-3.149.693-4.66.693zm0-30.103a13.19 13.19 0 0 0-4.093.63c-3.59 1.071-6.55 3.527-8.313 6.802-1.763 3.338-2.141 7.116-1.071 10.706s3.527 6.55 6.802 8.376c3.338 1.763 7.116 2.141 10.706 1.071s6.55-3.527 8.313-6.802c1.763-3.338 2.141-7.116 1.071-10.706-1.071-3.59-3.527-6.55-6.802-8.313-2.015-1.197-4.282-1.763-6.613-1.763zm-3.715 9.006a2.92 2.92 0 0 1-1.448-.378c-.756-.378-1.26-1.071-1.511-1.826-.504-1.637.441-3.401 2.078-3.905.819-.252 1.637-.126 2.393.252s1.26 1.071 1.511 1.826c.252.819.126 1.637-.252 2.393s-1.071 1.26-1.826 1.511c-.315.063-.63.126-.945.126zm0-4.346c-.126 0-.252 0-.378.063a1.233 1.233 0 0 0-.819 1.511c.126.315.315.567.567.756.315.126.63.189.945.063s.567-.315.756-.567c.126-.315.189-.63.063-.945a1.72 1.72 0 0 0-.567-.756 1.505 1.505 0 0 0-.567-.126zM8.496 22.358c-.693 0-1.323-.189-1.952-.504-.945-.504-1.637-1.386-1.952-2.393-.63-2.141.567-4.471 2.708-5.101s4.471.567 5.101 2.708c.63 2.141-.567 4.471-2.708 5.101a4.28 4.28 0 0 1-1.197.189zm0-6.298c-.189 0-.441 0-.63.063-.567.189-1.008.567-1.323 1.071-.252.504-.315 1.134-.189 1.7.189.567.567 1.008 1.071 1.323.504.252 1.134.315 1.7.189.567-.189 1.008-.567 1.323-1.071.252-.504.315-1.134.189-1.7-.315-.945-1.197-1.574-2.141-1.574zm15.24 7.242c-.567 0-1.134-.126-1.637-.441-.819-.441-1.386-1.134-1.637-2.015s-.189-1.826.252-2.582c.441-.819 1.134-1.386 2.015-1.637 1.826-.567 3.716.504 4.282 2.267.252.882.189 1.826-.252 2.582-.441.819-1.134 1.386-2.015 1.637-.378.189-.693.189-1.008.189zm0-4.912c-.126 0-.315 0-.441.063-.819.252-1.26 1.134-1.008 1.889.126.378.378.693.756.882s.756.252 1.197.126c.819-.252 1.26-1.134 1.008-1.889a1.49 1.49 0 0 0-.756-.882c-.252-.189-.504-.189-.756-.189zm-1.07-5.227c.441-.126.882-.441 1.071-.882.252-.441.252-.945.126-1.386-.126-.441-.441-.882-.882-1.071s-.945-.252-1.386-.126c-.441.126-.882.441-1.071.882-.252.441-.252.945-.126 1.386s.441.882.882 1.071c.252.126.567.189.882.189.126.063.315 0 .504-.063zm-9.195 13.666c.945-.315 1.511-1.323 1.197-2.267s-1.323-1.511-2.267-1.197c-.945.315-1.511 1.323-1.197 2.267.126.441.441.882.882 1.071.252.126.567.189.882.189.126 0 .315 0 .504-.063z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="mercury" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.336 11.397c-1.263-4.105-3.978-7.452-7.767-9.473S15.486-.539 11.381.724 3.929 4.639 1.908 8.428c-2.021 3.789-2.463 8.083-1.2 12.188s3.978 7.452 7.767 9.473a15.87 15.87 0 0 0 7.578 1.895c1.579 0 3.094-.253 4.61-.695 4.105-1.263 7.452-3.978 9.473-7.767 1.958-3.726 2.4-8.02 1.2-12.125zm-2.905 11.304c-1.768 3.347-4.736 5.747-8.336 6.82s-7.452.695-10.736-1.074c-3.347-1.768-5.747-4.736-6.82-8.399-1.074-3.6-.695-7.452 1.074-10.736 1.768-3.347 4.736-5.747 8.336-6.82 1.326-.379 2.716-.631 4.105-.631 2.273 0 4.61.568 6.631 1.705 3.347 1.768 5.747 4.736 6.82 8.399 1.074 3.6.695 7.389-1.074 10.736zm-6.441 1.894c.253 1.01 0 2.021-.758 2.715a2.922 2.922 0 0 1-2.021.821c-.253 0-.505 0-.758-.126-.505-.126-.821-.631-.695-1.137s.631-.821 1.137-.695c.316.063.695 0 .947-.253s.316-.568.253-.947a.942.942 0 0 1 .695-1.137c.568-.063 1.074.253 1.2.758zm5.178-4.484c.253 1.01 0 2.021-.758 2.715a2.922 2.922 0 0 1-2.021.821c-.253 0-.505 0-.758-.126-.505-.126-.821-.631-.695-1.137s.631-.821 1.137-.695c.316.063.695 0 .947-.253s.316-.568.253-.947a.942.942 0 0 1 .695-1.137c.568-.063 1.074.253 1.2.758zm-5.178-.631c.253 1.01 0 2.021-.758 2.715a2.922 2.922 0 0 1-2.021.821c-.253 0-.505 0-.758-.126-.505-.126-.821-.631-.695-1.137s.631-.821 1.137-.695c.316.063.695 0 .947-.253s.316-.568.253-.947a.942.942 0 0 1 .695-1.137c.568-.063 1.074.253 1.2.758z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="moon" xmlns="http://www.w3.org/2000/svg">
    <path d="M11.154 32c-1.885 0-3.833-.377-5.656-1.068-.377-.126-.628-.503-.628-.88s.251-.754.628-.88c6.85-2.576 10.62-10.118 8.484-17.219a13.934 13.934 0 0 0-8.484-9.112c-.377-.126-.628-.503-.628-.88s.251-.754.628-.88C5.812.955 6.189.83 6.566.704c4.085-1.257 8.358-.817 12.129 1.194s6.473 5.342 7.73 9.426c1.257 4.085.817 8.358-1.194 12.129s-5.342 6.473-9.426 7.73a13.688 13.688 0 0 1-4.65.817zm-2.639-2.137a13.6 13.6 0 0 0 6.724-.377c3.582-1.068 6.536-3.519 8.358-6.787 1.76-3.331 2.137-7.101 1.068-10.683s-3.519-6.536-6.787-8.358c-2.891-1.571-6.159-2.011-9.301-1.445 3.519 2.011 6.096 5.279 7.29 9.175 2.074 7.227-1.068 14.831-7.352 18.476z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="rocket" xmlns="http://www.w3.org/2000/svg">
    <path d="M22.689 9.444c-.785-.785-1.851-1.234-2.917-1.234-1.122 0-2.131.449-2.917 1.234a4.164 4.164 0 0 0 0 5.89c.785.785 1.851 1.234 2.917 1.234s2.131-.393 2.917-1.234c.785-.785 1.234-1.851 1.234-2.917-.056-1.178-.449-2.188-1.234-2.973zM21.455 14.1c-.954.954-2.524.954-3.478 0s-.954-2.524 0-3.478c.449-.449 1.066-.729 1.739-.729s1.29.28 1.739.729.729 1.066.729 1.739-.224 1.29-.729 1.739zM31.607.47a1.132 1.132 0 0 0-1.01-.337c-2.524.337-11.33 2.019-17.669 8.358a23.841 23.841 0 0 0-3.253 4.039c-2.356-.617-6.507-.224-9.311 4.992-.224.393-.168.898.112 1.234s.729.505 1.178.393c1.01-.224 3.365-.673 4.656.337-.168.449-.28.898-.449 1.29l-.168.505 5.16 5.16.505-.168c.393-.112.841-.28 1.29-.449 1.01 1.29.561 3.646.337 4.656-.112.449.056.898.393 1.178.224.168.449.224.673.224.168 0 .393-.056.561-.112 5.217-2.805 5.609-6.955 4.992-9.311 1.402-.898 2.748-2.019 4.039-3.253 6.338-6.338 7.965-15.089 8.358-17.669 0-.393-.112-.785-.393-1.066zm-2.019 4.094l-2.075-2.075a34.028 34.028 0 0 1 2.692-.561c-.112.617-.337 1.571-.617 2.636zM2.44 17.241c2.188-3.253 4.824-3.422 6.282-3.197a33.844 33.844 0 0 0-1.851 3.814c-1.346-.785-3.029-.785-4.431-.617zm12.396 12.396c.224-1.402.224-3.085-.617-4.431a33.844 33.844 0 0 0 3.814-1.851c.224 1.458.112 4.095-3.197 6.282zm7.572-11.667c-3.534 3.534-7.909 5.497-11.106 6.507L7.6 20.775c1.066-3.253 3.029-7.628 6.507-11.106 3.59-3.59 8.077-5.553 11.555-6.675l3.422 3.422c-1.122 3.478-3.085 7.965-6.675 11.555zM7.264 26.047l-4.768 4.768c-.168.168-.393.224-.617.224s-.449-.056-.617-.224a.813.813 0 0 1 0-1.178l4.768-4.768c.337-.337.841-.337 1.178 0s.337.841.056 1.178zm-5.778 2.356c-.168.168-.393.224-.617.224s-.449-.056-.617-.224a.813.813 0 0 1 0-1.178l3.478-3.478c.337-.337.841-.337 1.178 0s.337.841 0 1.178l-3.422 3.478zm6.9-1.458a.813.813 0 0 1 0 1.178l-2.3 2.3c-.168.168-.393.224-.617.224s-.449-.056-.617-.224a.813.813 0 0 1 0-1.178l2.3-2.3a.88.88 0 0 1 1.234 0z"/>
  </symbol>
...................



  <symbol viewBox="-10 -10 52 52" id="satellite" xmlns="http://www.w3.org/2000/svg">
    <path d="M21.777 17.432c.051-.203.051-.456.051-.71 0-.913-.355-1.724-.963-2.383l-2.637-2.637c-.659-.659-1.47-.963-2.383-.963s-1.724.355-2.383.963l-1.775 1.775c-.659.659-.963 1.47-.963 2.383s.355 1.724.963 2.383l2.637 2.637c.659.659 1.521.963 2.383.963.253 0 .456 0 .71-.051a5.504 5.504 0 0 0 1.521 4.867c.152.152.355.203.558.203s.406-.101.558-.203l2.789-2.789 1.115 1.115c.152.152.355.203.558.203s.406-.051.558-.203a.736.736 0 0 0 0-1.065l-1.115-1.115 2.789-2.789a.736.736 0 0 0 0-1.065c-1.42-1.318-3.296-1.825-4.969-1.521zm-3.803 2.383c-.71.71-1.876.71-2.637 0L12.7 17.178c-.355-.355-.558-.811-.558-1.318s.203-.963.558-1.318l1.775-1.775c.355-.355.811-.558 1.318-.558s.963.203 1.318.558l2.637 2.637c.355.355.558.811.558 1.318s-.203.963-.558 1.318l-1.775 1.775zm1.47 5.223c-1.065-1.521-.862-3.651.507-5.02a3.958 3.958 0 0 1 2.789-1.166c.761 0 1.572.203 2.231.659l-5.527 5.527zm-9.227-6.896c-.152-.152-.355-.203-.558-.203s-.406.101-.558.203L.228 27.066a.736.736 0 0 0 0 1.065l3.651 3.651c.152.152.355.203.558.203s.406-.051.558-.203l8.924-8.924a.736.736 0 0 0 0-1.065l-3.701-3.651zm-.508 1.623l.761.761-1.927 1.927-.761-.761 1.927-1.927zm-4.157 5.628l-.71-.761 1.927-1.927.761.761-1.977 1.927zm2.991-.862l.761.761-1.927 1.876-.761-.761 1.927-1.876zm-4.816 1.166l.761.761-1.927 1.927-.761-.761 1.927-1.927zm.659 4.462l-.761-.761 1.927-1.927.761.761-1.927 1.927zm5.983-5.932l-.761-.761 1.927-1.927.761.761-1.927 1.927zM31.765 3.895L28.114.244a.736.736 0 0 0-1.065 0l-8.924 8.924c-.152.152-.203.355-.203.558s.101.406.203.558l3.651 3.651c.152.152.355.203.558.203s.406-.101.558-.203l8.924-8.924c.254-.355.254-.811-.051-1.115zm-4.157-2.028l.761.761-1.927 1.927-.761-.761 1.927-1.927zM23.45 7.495l-.761-.761 1.927-1.876.761.761-1.927 1.876zm2.991-.862l.71.761-1.927 1.927-.761-.761 1.977-1.927zm-4.816 1.166l.761.761-1.927 1.876-.761-.761 1.927-1.876zm.659 4.462l-.71-.71 1.927-1.927.761.761-1.977 1.876zm5.983-5.932l-.761-.761 1.927-1.927.761.761-1.927 1.927z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="saturn" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.925 10.39c-.827-2.48-7.789-1.131-11.096-.348-2.002-1.61-4.743-2.089-7.18-1.262s-4.308 2.872-4.96 5.396C5.6 15.568-.753 18.701.073 21.182c.348 1.044 1.828 1.436 3.699 1.436 2.219 0 5.047-.522 7.136-1.044 1.436 1.305 3.264 2.045 5.135 2.045.827 0 1.653-.131 2.437-.392 2.654-.914 4.569-3.133 5.047-5.918 3.655-1.61 9.181-4.569 8.398-6.919zm-4.873.435c-.044.043-.044.087-.087.087l-.044.043-.044.043-.044.043-.044.043c-.044 0-.044.043-.087.043s-.044.043-.087.043-.044.043-.087.087c-.044 0-.044.043-.087.043-.044.043-.087.043-.087.087l-.087.087c-.043.044-.087.043-.131.087-.044.043-.087.043-.087.087-.044.043-.087.043-.131.087s-.087.043-.131.087c-.044.043-.087.087-.174.087-.044.043-.087.043-.131.087s-.131.087-.174.131c-.044.043-.087.043-.131.087-.087.043-.131.087-.218.131a.337.337 0 0 1-.174.087c-.087.043-.131.087-.218.131-.131.087-.261.131-.435.218-.044.043-.131.043-.174.087-.087.043-.218.087-.305.174a.337.337 0 0 1-.218.087l-.261.131c0-.043-.044-.043-.044-.087-.044-.131-.087-.261-.174-.392-.044-.043-.044-.087-.087-.174l-.261-.522-.044-.043c-.087-.131-.174-.305-.261-.435-.044-.043-.087-.087-.087-.131a1.342 1.342 0 0 1-.218-.305c-.044-.043-.044-.043-.044-.087.044 0 .131-.043.174-.043.087 0 .174-.043.218-.043.131-.043.261-.043.392-.087.087 0 .131-.043.218-.043.131-.043.218-.043.348-.043.087 0 .131-.043.218-.043.131 0 .218-.043.348-.043.044 0 .131 0 .174-.043.131 0 .261-.043.348-.043h.087c.131 0 .305-.043.435-.043.131 0 .261-.043.348-.043h1.7c.044 0 .087 0 .087.043.044.131.044.174 0 .218zm-13.011-.826a6.185 6.185 0 0 1 6.179 1.262c.174.174.392.348.566.566v.043c.174.174.305.392.479.609l.044.043c.131.218.261.392.348.609 0 .043.044.043.044.087.087.218.218.435.261.653v.043c-.044 0-.044.043-.087.043a1.274 1.274 0 0 0-.348.174c-.131.043-.261.131-.392.174s-.218.087-.348.131c-.131.043-.261.131-.392.174s-.218.087-.348.131c-.131.043-.305.131-.435.174s-.218.087-.348.131c-.131.043-.305.131-.435.174s-.218.087-.348.131c-.174.043-.305.131-.479.174-.087.043-.218.087-.305.131-.174.087-.348.131-.566.218-.087.043-.174.043-.261.087-.261.087-.566.174-.827.305-.479.174-.957.305-1.479.479-.043 0-.131.044-.174.044-.479.131-.914.261-1.349.392-.087 0-.131.044-.218.044-.435.131-.87.261-1.305.348-.087 0-.131.044-.218.044-.435.131-.87.218-1.262.305h-.043c0-.044-.043-.087-.043-.174 0-.044-.043-.131-.043-.174 0-.087-.043-.131-.043-.218 0-.044-.043-.131-.043-.174 0-.087-.043-.131-.043-.218 0-.044 0-.131-.043-.174v-.218-.174-.218-.174-.218-.174c0-.087 0-.174.043-.261v-.131c0-.131.043-.261.043-.392.522-2.263 2.089-4.09 4.221-4.83zM8.254 18.31c-.131 0-.218.044-.348.044-.043 0-.131.044-.174.044-.174.044-.305.044-.479.087h-.131c-.087 0-.218.044-.305.044h-.131c-.087 0-.174 0-.261.044H4.55h-.174-.13-.043c-.043 0-.043 0-.087-.044 0-.044.043-.044.043-.087l.043-.044s.043-.044.043-.087l.043-.044.087-.087.043-.044.087-.087c.043 0 .043-.044.087-.044l.087-.087.087-.087c.044-.043.087-.044.131-.087l.087-.087c.044-.043.087-.087.131-.087.043-.044.087-.044.131-.087s.131-.087.174-.131c.043-.044.087-.044.131-.087.087-.044.174-.087.261-.174.043 0 .043-.044.087-.044.131-.087.218-.131.348-.218.043-.044.087-.044.131-.087.087-.044.174-.087.261-.174a.326.326 0 0 1 .174-.087l.261-.131c.087-.044.131-.087.218-.131l.261-.131c.087-.044.174-.087.218-.131.087-.043.218-.087.305-.131l.261-.131c.043-.043.087-.043.131-.087v.653c0 .174.043.348.043.522v.044c.043.174.043.392.087.566 0 .044.043.131.043.174.043.131.043.261.087.392 0 .044 0 .044.043.087-.087 0-.174.044-.261.044-.087.174-.174.174-.261.218zm9.834 3.655c-1.915.653-3.96.348-5.613-.783.043 0 .087-.044.131-.044.131-.044.261-.087.348-.087.348-.087.696-.174 1.044-.305.174-.044.305-.087.479-.131.348-.087.653-.218 1.001-.305.131-.044.305-.087.435-.131.479-.131.957-.305 1.392-.479.479-.174.957-.305 1.392-.479.131-.044.305-.087.435-.174.305-.131.653-.261.957-.348.131-.044.305-.131.435-.174.348-.131.653-.261 1.001-.392.131-.044.218-.087.348-.131.044 0 .087-.044.131-.044-.566 1.871-2.002 3.351-3.916 4.003zm4.612-5.701c-1.784.783-3.742 1.566-5.787 2.263s-4.047 1.262-5.961 1.741c-6.788 1.61-9.442 1.044-9.616.522-.087-.261.348-.914 1.479-1.784v.088c0 .044 0 .044.043.087 0 .044.043.044.043.087s.043.044.043.044v.044c0 .044.043.044.043.087l.087.087h.043c.043 0 .043.044.087.044h.043l.261.131h.043c.043 0 .087.044.131.044h.043c.131.044.261.087.435.087h.043c.087 0 .131 0 .218.044h.043c.174 0 .392.044.653.044H5.551c.261 0 .566-.044.914-.087h.087c.131 0 .305-.044.435-.044h.087c.348-.044.74-.087 1.175-.174.043 0 .087 0 .131-.044.174-.044.348-.044.522-.087.043 0 .131-.044.174-.044s.131-.044.174-.044l.522-.131.783-.174c1.871-.435 3.916-1.044 6.005-1.741s4.047-1.479 5.831-2.263l.696-.348.479-.218c.479-.218.914-.435 1.262-.653.044-.043.131-.043.174-.087.044 0 .044-.043.087-.043.087-.043.218-.131.305-.174.218-.131.435-.261.609-.348.044 0 .087-.043.087-.043a.93.93 0 0 0 .218-.131c.044 0 .044-.043.087-.043.044-.043.087-.087.131-.087.044-.043.087-.043.131-.087l.044-.043c.087-.043.131-.087.218-.131 0 0 .044 0 .044-.043a.577.577 0 0 0 .174-.131h.044c.044-.043.131-.087.174-.131l.044-.043.131-.131.044-.043c.044-.043.087-.087.131-.087v-.043l.261-.261c.044-.043.087-.087.087-.131.044-.043.044-.087.087-.131.044-.043.044-.087.087-.131 0-.043.044-.087.044-.087.218-.435.131-.74.044-.914 1.436 0 2.176.261 2.263.522.261.479-1.479 2.567-7.876 5.396z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="stars" xmlns="http://www.w3.org/2000/svg">
    <path d="M6.189 20.773c-.096 0-.192 0-.287-.048a.691.691 0 0 1-.431-.527l-1.006-5.411-4.214-3.544a.623.623 0 0 1-.239-.623c0-.239.144-.431.383-.575l4.836-2.634 2.107-5.076c.096-.239.287-.383.527-.431s.479 0 .67.192l3.975 3.783 5.507.383c.239 0 .431.144.575.335.096.192.144.479.048.67l-2.394 4.98 1.341 5.363c.048.239 0 .479-.144.67s-.383.287-.623.239l-5.459-.718-4.645 2.921c-.239 0-.383.048-.527.048zm-4.166-9.96l3.591 3.017c.144.096.192.239.239.431l.862 4.645 3.974-2.49c.144-.096.287-.144.479-.096l4.645.623-1.149-4.549c-.048-.144 0-.335.048-.479l2.011-4.262-4.597-.383a.712.712 0 0 1-.431-.192l-3.4-3.256L6.523 8.18c-.048.144-.192.287-.335.383l-4.166 2.251zm25.284 12.115a.771.771 0 0 1-.431-.144l-2.586-2.011-3.256.144c-.239 0-.479-.096-.623-.287s-.192-.431-.096-.67l1.053-3.065-1.101-3.065c-.096-.239-.048-.479.096-.67s.383-.287.623-.287l3.256.048 2.586-2.011c.192-.144.431-.192.67-.144s.383.239.479.479l.958 3.113 2.73 1.82c.192.144.335.335.335.575s-.096.479-.287.575l-2.825 1.915-.862 3.16a.616.616 0 0 1-.479.479c-.096 0-.144.048-.239.048zm-2.777-3.591c.144 0 .287.048.431.144l1.963 1.484.67-2.394a.748.748 0 0 1 .287-.383l2.011-1.389-2.059-1.389a.742.742 0 0 1-.287-.383l-.718-2.346-1.915 1.532a.808.808 0 0 1-.479.144l-2.49-.048.862 2.299a.815.815 0 0 1 0 .479l-.814 2.346 2.538-.096c-.048 0-.048 0 0 0zm-9.482 10.774c-.144 0-.239-.048-.383-.096l-1.82-1.053-2.059.335c-.239.048-.479-.048-.623-.192s-.239-.431-.192-.67l.431-2.059-.958-1.868c-.096-.192-.096-.479 0-.67s.335-.335.575-.383l2.107-.239 1.437-1.484c.144-.192.383-.239.623-.192s.431.192.527.431l.862 1.915 1.868.958c.192.096.383.287.383.527a.625.625 0 0 1-.239.623l-1.58 1.389-.287 2.059a.745.745 0 0 1-.383.527c-.096.096-.192.144-.287.144zm-2.059-2.634c.144 0 .239.048.383.096l1.149.67.192-1.293c.048-.144.096-.335.239-.431l.958-.862-1.149-.575c-.144-.096-.287-.192-.335-.335l-.527-1.197-.91.91a.712.712 0 0 1-.431.192l-1.389.144.623 1.149a.566.566 0 0 1 .048.479l-.287 1.293 1.293-.239h.144z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="sun" xmlns="http://www.w3.org/2000/svg">
    <path d="M15.946 26.461c-5.726 0-10.435-4.656-10.435-10.435S10.22 5.591 15.946 5.591 26.381 10.3 26.381 16.026s-4.709 10.435-10.435 10.435zm0-19.424c-4.923 0-8.99 4.013-8.99 8.99 0 4.923 4.013 8.99 8.99 8.99s8.99-4.067 8.99-8.99-4.067-8.99-8.99-8.99zm4.281 24.936l-.803-.696c-.963-.856-2.194-1.284-3.478-1.284s-2.515.482-3.478 1.284l-.803.696-.375-1.017c-.428-1.231-1.231-2.247-2.355-2.89s-2.408-.856-3.639-.589l-1.07.214.214-1.07a5.075 5.075 0 0 0-.589-3.639c-.642-1.124-1.659-1.926-2.89-2.355l-.963-.321.696-.803c.856-.963 1.284-2.194 1.284-3.478S1.496 13.51.694 12.547l-.696-.803 1.017-.375c1.231-.428 2.247-1.231 2.89-2.355s.856-2.408.589-3.639l-.214-1.07 1.07.214a5.075 5.075 0 0 0 3.639-.589c1.124-.642 1.926-1.659 2.355-2.89l.375-1.017.803.696c.963.856 2.194 1.284 3.478 1.284s2.515-.482 3.478-1.284l.803-.696.375 1.017c.428 1.231 1.231 2.247 2.355 2.89s2.408.856 3.639.589l1.07-.214-.214 1.07a5.075 5.075 0 0 0 .589 3.639c.642 1.124 1.659 1.926 2.89 2.355l1.017.375-.696.803c-.856.963-1.284 2.194-1.284 3.478s.482 2.515 1.284 3.478l.696.803-1.017.375c-1.231.428-2.247 1.231-2.89 2.355s-.856 2.408-.589 3.639l.214 1.07-1.07-.214c-1.284-.268-2.569-.053-3.639.589-1.124.642-1.926 1.659-2.355 2.89l-.428.963zm-4.281-3.425c1.284 0 2.569.375 3.639 1.07.589-1.124 1.498-2.087 2.622-2.729s2.408-.963 3.692-.91c-.053-1.284.214-2.569.91-3.692a6.768 6.768 0 0 1 2.729-2.622 6.723 6.723 0 0 1 0-7.278c-1.124-.589-2.087-1.498-2.729-2.622s-.963-2.408-.91-3.692c-1.284.053-2.569-.214-3.692-.91a6.768 6.768 0 0 1-2.622-2.729 6.723 6.723 0 0 1-7.278 0c-.589 1.124-1.498 2.087-2.622 2.729s-2.408.963-3.692.91c.053 1.284-.214 2.569-.91 3.692a6.768 6.768 0 0 1-2.729 2.622 6.723 6.723 0 0 1 0 7.278c1.124.589 2.087 1.498 2.729 2.622s.963 2.408.91 3.692c1.284-.053 2.569.214 3.692.91a6.768 6.768 0 0 1 2.622 2.729 6.723 6.723 0 0 1 3.639-1.07zm7.385-13.538c.375-.107.589-.482.535-.91-.803-2.89-3.104-5.191-6.047-5.993a.734.734 0 0 0-.91.535.734.734 0 0 0 .535.91 7.082 7.082 0 0 1 4.977 4.977c.107.321.375.535.696.535.107 0 .161-.053.214-.053z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="telescope" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.539 12.324L28.403 1.702c-.202-.607-.607-1.113-1.163-1.416s-1.214-.354-1.821-.202L23.75.59a2.487 2.487 0 0 0-1.416 1.163c-.202.354-.253.708-.303 1.062l-9.307 3.389c-.354.152-.556.556-.455.91l-9.206 3.187c-.405.152-.607.556-.455.91l.455 1.619-2.175.759c-.405.152-.607.556-.455.91l.708 2.428a.744.744 0 0 0 .708.556h.152l2.226-.506.455 1.619a.744.744 0 0 0 .708.556h.202l9.509-2.276a.744.744 0 0 0 .708.556h.152l2.428-.556v2.074l-8.093 10.319c-.253.303-.202.809.101 1.062a.817.817 0 0 0 .455.152.792.792 0 0 0 .607-.303l7.031-8.801v9.863c0 .405.354.759.759.759s.759-.354.759-.759v-9.863l6.98 8.801a.722.722 0 0 0 .607.303c.152 0 .354-.051.455-.152.303-.253.405-.759.101-1.062L20.007 18.95v-2.428l5.868-1.315a2.38 2.38 0 0 0 1.669.708c.202 0 .455-.051.658-.101l1.669-.506a2.487 2.487 0 0 0 1.416-1.163c.354-.556.405-1.163.253-1.821zM2.404 15.915l-.303-1.012 1.416-.506.354 1.163-1.467.354zm3.591 1.619l-.405-1.366c0-.101 0-.202-.051-.253l-.809-2.731c-.051-.101-.051-.152-.101-.253l-.405-1.366 8.498-2.934 1.973 6.829-8.7 2.074zM22.383 4.332l1.163 3.945 1.619 5.513-8.751 1.973-2.479-8.346 8.447-3.086zm7.638 9.105a.805.805 0 0 1-.506.405l-1.669.506c-.455.152-.91-.152-1.062-.607L25.57 9.593l-1.973-6.424c-.051-.202-.051-.455.051-.658s.303-.354.506-.405l1.669-.506c.101 0 .152-.051.253-.051.152 0 .303.051.405.101a.805.805 0 0 1 .405.506l3.136 10.622a.752.752 0 0 1 0 .658z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="ufo" xmlns="http://www.w3.org/2000/svg">
    <path d="M6.286 18.119c-.524-.143-1.048.143-1.191.619a.76.76 0 0 0 .095.714c.143.238.333.381.571.476.095.048.19.048.286.048.429 0 .81-.286.905-.667a.953.953 0 0 0-.667-1.191zM17.809 10.691c-.381-.095-.762.095-.857.476s.095.762.476.857c1.143.333 2.048 1.191 2.333 2.333a.701.701 0 0 0 .667.524c.048 0 .143 0 .19-.048.381-.095.619-.476.476-.857-.381-1.571-1.667-2.857-3.286-3.286zM11.143 19.643c-.524-.143-1.048.143-1.191.619a.76.76 0 0 0 .095.714c.143.238.333.381.571.476.095.048.19.048.286.048.143 0 .286-.048.429-.095.238-.143.381-.333.476-.571.095-.476-.19-1.048-.667-1.191zM22.143 20.309a.893.893 0 0 0-1.191-.619.893.893 0 0 0-.619 1.191c.095.238.238.429.476.571.143.095.286.095.429.095.095 0 .19 0 .286-.048.238-.095.429-.238.571-.476.095-.238.143-.476.048-.714z"/>
    <path d="M24.238 14.309l-.143-.429-1.381.429c.19.667.286 1.333.286 2.048 0 .476-.333.857-.81.952-1.905.429-3.952.619-6.048.619s-4.143-.19-6.048-.619c-.476-.095-.81-.524-.81-.952 0-.714.095-1.429.333-2.095A6.802 6.802 0 0 1 16.141 9.5a6.858 6.858 0 0 1 6.571 4.809l1.381-.429c-1.095-3.476-4.238-5.809-7.905-5.809a8.29 8.29 0 0 0-7.905 5.762l-.143.429c-2.905.476-8.143 1.762-8.143 4.524 0 2.571 5.476 5.143 16 5.143s16-2.571 16-5.143c.048-2.667-4.952-3.952-7.762-4.476zM16.047 22.5C7 22.5 1.476 20.357 1.476 18.786c0-.952 2.238-2.238 6.476-3.048v.571c0 1.143.81 2.095 1.905 2.333 2 .429 4.143.667 6.381.667s4.333-.238 6.381-.667a2.448 2.448 0 0 0 1.905-2.381v-.524c4.048.81 6.143 2.048 6.143 2.952-.048 1.619-5.571 3.809-14.619 3.809z"/>
    <path d="M16.476 19.976c-.238-.143-.476-.143-.714-.095a.893.893 0 0 0-.619 1.191c.095.238.238.429.476.571.143.095.286.095.429.095.095 0 .19 0 .286-.048.238-.095.429-.238.571-.476s.143-.476.095-.714a.943.943 0 0 0-.524-.524zM26.952 18.738a.893.893 0 0 0-1.191-.619.893.893 0 0 0-.619 1.191.956.956 0 0 0 .905.667c.095 0 .19 0 .286-.048.238-.095.429-.238.571-.476.095-.19.143-.476.048-.714z"/>
  </symbol>
  <symbol viewBox="-10 -10 52 52" id="uranus" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.949 11.213c-.173-.519-.519-1.772-7.953-.346-.864-1.34-2.031-2.464-3.501-3.242-2.248-1.21-4.798-1.47-7.218-.735s-4.409 2.377-5.619 4.582a9.161 9.161 0 0 0-1.124 4.625C-.468 19.036-.079 20.29.051 20.808c.086.346.303.994 2.55.994 1.167 0 2.896-.173 5.403-.648.864 1.34 2.031 2.464 3.501 3.242A9.62 9.62 0 0 0 16 25.52c.908 0 1.859-.13 2.766-.389a9.56 9.56 0 0 0 5.619-4.582 9.161 9.161 0 0 0 1.124-4.625c6.959-2.939 6.57-4.193 6.44-4.711zm-23.167.907c1.037-1.945 2.766-3.328 4.841-3.976A9.037 9.037 0 0 1 16 7.798c1.34 0 2.68.346 3.89.994 1.945 1.037 3.328 2.766 3.976 4.841.13.475.216.908.303 1.383a92.344 92.344 0 0 1-7.65 2.637c-2.723.821-5.403 1.513-7.823 1.988a7.181 7.181 0 0 1-.519-1.34c-.648-2.031-.432-4.236.605-6.181zm-7.348 8.299c.346-.432 1.686-1.426 5.23-2.896.086.432.173.864.259 1.253.13.432.303.821.475 1.21-3.804.648-5.446.562-5.965.432zm16.943 3.458c-2.118.648-4.322.389-6.224-.648a8.463 8.463 0 0 1-2.723-2.377c2.334-.475 4.884-1.167 7.477-1.945s5.1-1.642 7.305-2.507c-.043 1.21-.389 2.377-.951 3.458-1.081 1.945-2.809 3.371-4.884 4.02zm7.002-9.336a62.656 62.656 0 0 0-.259-1.253c-.13-.432-.303-.821-.475-1.21 3.76-.692 5.446-.605 5.965-.432-.389.389-1.729 1.383-5.23 2.896z"/>
  </symbol>
</svg>

symbol

<svg id="logo-svg" viewBox="0 0 80 80">
     <use xlink:href="#ufo"/>
</svg>

Animación Web

Principios de animación

Animación Web

Anatomia

Easing

Duration

Properties

Animación Web

Animando con CSS

@keyframes [name] {
  [keyframe selector] {CSS styles}
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ufo {
  animation-duration: 2s;
  animation-name: spin;
}
/*
Part 1: Animation
Here is where we would put our full animation.
*/

.ufo {
  animation: rotation 2s infinite linear;
}

/*
Part 2: Media query
Here is where we would put our partial or no animation.
*/
@media (prefers-reduced-motion: reduce) {
  .ufo {
    animation: none;
  }
}

Animación Web

Animando con CSS | Motion Path

.mario-path-animation {
  offset-path: path("M100,250 C 100,50 400,50 400,250");
  animation: move 2s ease-out;
}

@keyframes move {
  100% {
    offset-distance: 100%;
  }
}


@media screen and (prefers-reduced-motion: reduce){
  .mario-path-animation {
    animation-duration: 1ms; /* lleva a la posición final de la animación */
  }
}

Animación Web

Animando con CSS | Motion Kart

Animación Web

Animando con interfaz gráfica

Animación Web

Microinteracciones

Mouse over Animation

Animación Web

Animando con frameworks JS

IE3 2022 | Workshop Intro SVG

By Carmen Ansio

IE3 2022 | Workshop Intro SVG

Taller SVG y animaciones CSS

  • 1,401