Shared: OperationContainer: Added logo for dark theme

This commit is contained in:
Ilya Oleshko 2024-08-28 10:10:53 +03:00
parent 79ac835b35
commit f61b262c0d
2 changed files with 79 additions and 1 deletions

View File

@ -24,8 +24,10 @@
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
import React, { useEffect } from "react";
import { useTheme } from "styled-components";
import DownloadingReactSvg from "PUBLIC_DIR/images/downloading.react.svg";
import DownloadingDarkReactSvg from "PUBLIC_DIR/images/downloading.dark.react.svg";
import { StyledOperationContainer } from "./OperationContainer.styled";
import { IOperationContainer } from "./OperationContainer.types";
@ -35,6 +37,14 @@ import PortalLogo from "../portal-logo/PortalLogo";
const OperationContainer = (props: IOperationContainer) => {
const { url, title, description } = props;
const theme = useTheme();
const logo = theme.isBase ? (
<DownloadingReactSvg className="operation-logo" />
) : (
<DownloadingDarkReactSvg className="operation-logo" />
);
useEffect(() => {
if (url) window.location.replace(url);
}, [url]);
@ -42,7 +52,7 @@ const OperationContainer = (props: IOperationContainer) => {
return (
<StyledOperationContainer>
<PortalLogo isResizable />
<DownloadingReactSvg className="operation-logo" />
{logo}
<Text className="operation-title" fontWeight={700} fontSize="23px">
{title}
</Text>

View File

@ -0,0 +1,68 @@
<svg width="377" height="310" viewBox="0 0 377 310" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 117.267C3.5 120.767 41.5 163.767 113 135.767C184.5 107.767 194 14.7665 148.5 2.76652C103 -9.23348 74.5 41.7665 109 99.2665C143.5 156.767 258.172 189.739 307.5 149.767C365.5 102.767 312.5 29.2667 246.5 58.7666C180.5 88.2665 120 158.812 120 222.267C120 256.767 127.5 284 175 309.5" stroke="#65C2E6" stroke-linecap="round" stroke-dasharray="6 6"/>
<mask id="path-2-inside-1_836_3469" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M144 30C142.343 30 141 31.3431 141 33V180H101.736C99.1388 180 97.7687 183.076 99.5062 185.007L182.77 277.522C183.962 278.846 186.038 278.846 187.23 277.522L270.494 185.007C272.231 183.076 270.861 180 268.264 180H229V33C229 31.3431 227.657 30 226 30H144Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M144 30C142.343 30 141 31.3431 141 33V180H101.736C99.1388 180 97.7687 183.076 99.5062 185.007L182.77 277.522C183.962 278.846 186.038 278.846 187.23 277.522L270.494 185.007C272.231 183.076 270.861 180 268.264 180H229V33C229 31.3431 227.657 30 226 30H144Z" fill="url(#paint0_linear_836_3469)"/>
<path d="M141 180V182H143V180H141ZM99.5062 185.007L98.0196 186.345L98.0196 186.345L99.5062 185.007ZM182.77 277.522L184.257 276.184V276.184L182.77 277.522ZM187.23 277.522L185.743 276.184V276.184L187.23 277.522ZM270.494 185.007L271.98 186.345L271.98 186.345L270.494 185.007ZM229 180H227V182H229V180ZM143 33C143 32.4477 143.448 32 144 32V28C141.239 28 139 30.2386 139 33H143ZM143 180V33H139V180H143ZM101.736 182H141V178H101.736V182ZM100.993 183.669C100.414 183.025 100.87 182 101.736 182V178C97.4073 178 95.1238 183.127 98.0196 186.345L100.993 183.669ZM184.257 276.184L100.993 183.669L98.0196 186.345L181.284 278.86L184.257 276.184ZM185.743 276.184C185.346 276.626 184.654 276.626 184.257 276.184L181.284 278.86C183.27 281.067 186.73 281.067 188.716 278.86L185.743 276.184ZM269.007 183.669L185.743 276.184L188.716 278.86L271.98 186.345L269.007 183.669ZM268.264 182C269.13 182 269.586 183.025 269.007 183.669L271.98 186.345C274.876 183.127 272.593 178 268.264 178V182ZM229 182H268.264V178H229V182ZM227 33V180H231V33H227ZM226 32C226.552 32 227 32.4477 227 33H231C231 30.2386 228.762 28 226 28V32ZM144 32H226V28H144V32Z" fill="url(#paint1_linear_836_3469)" mask="url(#path-2-inside-1_836_3469)"/>
<g filter="url(#filter0_d_836_3469)">
<path d="M149 112C149 110.895 149.895 110 151 110H209L221 122V204C221 205.105 220.105 206 219 206H151C149.895 206 149 205.105 149 204V112Z" fill="#444444"/>
<path d="M150 112C150 111.448 150.448 111 151 111H208.586L220 122.414V204C220 204.552 219.552 205 219 205H151C150.448 205 150 204.552 150 204V112Z" stroke="#AAAAAA" stroke-width="2"/>
</g>
<rect x="187" y="171" width="24" height="2" rx="1" fill="#666666"/>
<rect x="159" y="164" width="24" height="2" rx="1" fill="#FF6F3D"/>
<rect x="187" y="177" width="24" height="2" rx="1" fill="#666666"/>
<rect x="187" y="183" width="24" height="2" rx="1" fill="#666666"/>
<rect x="159" y="189" width="52" height="2" rx="1" fill="#666666"/>
<rect x="159" y="195" width="52" height="2" rx="1" fill="#FF6F3D"/>
<path d="M166.9 178.333L160 185H183L174.95 175L170.35 180.556L166.9 178.333Z" fill="#FF6F3D"/>
<circle cx="165" cy="173" r="2" fill="#FF6F3D"/>
<path d="M209 110L221 122H210C209.448 122 209 121.552 209 121V110Z" fill="#AAAAAA"/>
<path d="M179.228 137C179.228 134.791 177.213 133 174.728 133C172.242 133 170.228 134.791 170.228 137" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M201.12 137C201.12 134.791 199.106 133 196.62 133C194.135 133 192.12 134.791 192.12 137" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M149.396 149.894C142.896 157.894 128.396 152.894 124.396 142.894" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M124.396 142.894C124.156 143.496 123.523 144.17 122.396 144.394C120.888 144.694 120.75 144.566 119.896 143.894" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M220.226 148.894C226.726 156.894 241.226 151.894 245.226 141.894" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M245.227 141.894C245.466 142.496 246.099 143.17 247.227 143.394C248.735 143.694 248.872 143.566 249.727 142.894" stroke="#AAAAAA" stroke-width="2" stroke-linecap="round"/>
<path d="M179.034 147.342C180.594 150.169 183.087 152 185.896 152C188.704 152 191.197 150.169 192.757 147.342C193.1 146.72 192.619 146 191.909 146H179.882C179.172 146 178.691 146.72 179.034 147.342Z" fill="#AAAAAA"/>
<mask id="path-22-inside-2_836_3469" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M290.934 135.013C291.03 135.017 291.126 135.019 291.223 135.019C294.883 135.019 297.85 132.051 297.85 128.391C297.85 124.731 294.883 121.763 291.223 121.763C290.308 121.763 289.437 121.948 288.644 122.283C287.323 118.619 283.816 116 279.696 116C274.538 116 270.339 120.107 270.191 125.23C270.094 125.224 269.997 125.221 269.899 125.221C267.193 125.221 265 127.414 265 130.12C265 132.825 267.193 135.019 269.899 135.019C269.995 135.019 270.091 135.016 270.187 135.01V135.019H290.934V135.013Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M290.934 135.013C291.03 135.017 291.126 135.019 291.223 135.019C294.883 135.019 297.85 132.051 297.85 128.391C297.85 124.731 294.883 121.763 291.223 121.763C290.308 121.763 289.437 121.948 288.644 122.283C287.323 118.619 283.816 116 279.696 116C274.538 116 270.339 120.107 270.191 125.23C270.094 125.224 269.997 125.221 269.899 125.221C267.193 125.221 265 127.414 265 130.12C265 132.825 267.193 135.019 269.899 135.019C269.995 135.019 270.091 135.016 270.187 135.01V135.019H290.934V135.013Z" fill="#444444"/>
<path d="M290.934 135.013H289.434V133.447L290.998 133.514L290.934 135.013ZM288.644 122.283L289.228 123.665L287.77 124.281L287.233 122.792L288.644 122.283ZM270.191 125.23L271.69 125.273L271.646 126.818L270.103 126.727L270.191 125.23ZM270.187 135.01L270.1 133.513L271.687 133.421V135.01H270.187ZM270.187 135.019V136.519H268.687V135.019H270.187ZM290.934 135.019H292.434V136.519H290.934V135.019ZM290.998 133.514C291.073 133.517 291.148 133.519 291.223 133.519V136.519C291.105 136.519 290.987 136.516 290.87 136.511L290.998 133.514ZM291.223 133.519C294.055 133.519 296.35 131.223 296.35 128.391H299.35C299.35 132.88 295.712 136.519 291.223 136.519V133.519ZM296.35 128.391C296.35 125.559 294.055 123.263 291.223 123.263V120.263C295.712 120.263 299.35 123.902 299.35 128.391H296.35ZM291.223 123.263C290.512 123.263 289.839 123.407 289.228 123.665L288.06 120.902C289.034 120.49 290.104 120.263 291.223 120.263V123.263ZM287.233 122.792C286.12 119.704 283.163 117.5 279.696 117.5V114.5C284.468 114.5 288.527 117.535 290.055 121.775L287.233 122.792ZM279.696 117.5C275.352 117.5 271.815 120.959 271.69 125.273L268.691 125.186C268.863 119.255 273.724 114.5 279.696 114.5V117.5ZM270.103 126.727C270.035 126.723 269.967 126.721 269.899 126.721V123.721C270.026 123.721 270.153 123.725 270.279 123.732L270.103 126.727ZM269.899 126.721C268.022 126.721 266.5 128.243 266.5 130.12H263.5C263.5 126.586 266.365 123.721 269.899 123.721V126.721ZM266.5 130.12C266.5 131.997 268.022 133.519 269.899 133.519V136.519C266.365 136.519 263.5 133.654 263.5 130.12H266.5ZM269.899 133.519C269.966 133.519 270.033 133.517 270.1 133.513L270.273 136.508C270.149 136.515 270.024 136.519 269.899 136.519V133.519ZM271.687 135.01V135.019H268.687V135.01H271.687ZM270.187 133.519H290.934V136.519H270.187V133.519ZM289.434 135.019V135.013H292.434V135.019H289.434Z" fill="#65C2E6" mask="url(#path-22-inside-2_836_3469)"/>
<mask id="path-24-inside-3_836_3469" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.204 67.2109C47.1908 67.2109 47.1776 67.2109 47.1643 67.2109C47.1511 67.2109 47.1379 67.2109 47.1247 67.2109H10.505C10.5012 67.2109 10.4975 67.2109 10.4937 67.2109C10.49 67.2109 10.4862 67.2109 10.4825 67.2109H9.34798V67.1101C6.30804 66.5689 4 63.9126 4 60.7171C4 57.1308 6.90734 54.2234 10.4937 54.2234C12.3724 54.2234 14.0647 55.0212 15.2504 56.2964C16.8034 52.8817 21.4402 50.4036 26.919 50.4036C29.9025 50.4036 32.6363 51.1384 34.7584 52.3592C35.8179 46.4691 40.9692 42 47.1643 42C54.0022 42 59.5684 47.4444 59.7645 54.2348C59.8925 54.2272 60.0215 54.2234 60.1515 54.2234C63.7378 54.2234 66.6452 57.1308 66.6452 60.7171C66.6452 64.3035 63.7378 67.2109 60.1515 67.2109C60.0233 67.2109 59.8961 67.2072 59.7698 67.1998V67.2109H47.204Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.204 67.2109C47.1908 67.2109 47.1776 67.2109 47.1643 67.2109C47.1511 67.2109 47.1379 67.2109 47.1247 67.2109H10.505C10.5012 67.2109 10.4975 67.2109 10.4937 67.2109C10.49 67.2109 10.4862 67.2109 10.4825 67.2109H9.34798V67.1101C6.30804 66.5689 4 63.9126 4 60.7171C4 57.1308 6.90734 54.2234 10.4937 54.2234C12.3724 54.2234 14.0647 55.0212 15.2504 56.2964C16.8034 52.8817 21.4402 50.4036 26.919 50.4036C29.9025 50.4036 32.6363 51.1384 34.7584 52.3592C35.8179 46.4691 40.9692 42 47.1643 42C54.0022 42 59.5684 47.4444 59.7645 54.2348C59.8925 54.2272 60.0215 54.2234 60.1515 54.2234C63.7378 54.2234 66.6452 57.1308 66.6452 60.7171C66.6452 64.3035 63.7378 67.2109 60.1515 67.2109C60.0233 67.2109 59.8961 67.2072 59.7698 67.1998V67.2109H47.204Z" fill="#444444"/>
<path d="M47.204 67.2109V65.7108L47.1994 65.7109L47.204 67.2109ZM47.1247 67.2109L47.1292 65.7109H47.1247V67.2109ZM10.505 67.2109V65.7109L10.5027 65.7109L10.505 67.2109ZM10.4825 67.2109L10.4848 65.7109H10.4825V67.2109ZM9.34798 67.2109H7.84798V68.7109H9.34798V67.2109ZM9.34798 67.1101H10.848V65.8535L9.61087 65.6333L9.34798 67.1101ZM15.2504 56.2964L14.1519 57.3178L15.6842 58.9659L16.6158 56.9174L15.2504 56.2964ZM34.7584 52.3592L34.0105 53.6594L35.8575 54.722L36.2347 52.6247L34.7584 52.3592ZM59.7645 54.2348L58.2651 54.2781L58.3097 55.8229L59.8525 55.7322L59.7645 54.2348ZM59.7698 67.1998L59.8566 65.7023L58.2698 65.6104V67.1998H59.7698ZM59.7698 67.2109V68.7109H61.2698V67.2109H59.7698ZM47.1643 68.7109C47.1791 68.7109 47.1939 68.7109 47.2085 68.7108L47.1994 65.7109C47.1877 65.7109 47.176 65.7109 47.1643 65.7109V68.7109ZM47.1201 68.7108C47.1348 68.7109 47.1495 68.7109 47.1643 68.7109V65.7109C47.1527 65.7109 47.141 65.7109 47.1292 65.7109L47.1201 68.7108ZM47.1247 65.7109H10.505V68.7109H47.1247V65.7109ZM10.4937 68.7109C10.4985 68.7109 10.503 68.7109 10.5073 68.7109L10.5027 65.7109C10.4994 65.7109 10.4965 65.7109 10.4937 65.7109V68.7109ZM10.4802 68.7109C10.4844 68.7109 10.489 68.7109 10.4937 68.7109V65.7109C10.491 65.7109 10.488 65.7109 10.4848 65.7109L10.4802 68.7109ZM10.4825 65.7109H9.34798V68.7109H10.4825V65.7109ZM10.848 67.2109V67.1101H7.84798V67.2109H10.848ZM2.5 60.7171C2.5 64.6523 5.34194 67.9205 9.08508 68.5869L9.61087 65.6333C7.27414 65.2173 5.5 63.1729 5.5 60.7171H2.5ZM10.4937 52.7234C6.07891 52.7234 2.5 56.3023 2.5 60.7171H5.5C5.5 57.9592 7.73576 55.7234 10.4937 55.7234V52.7234ZM16.3489 55.275C14.8913 53.7074 12.8063 52.7234 10.4937 52.7234V55.7234C11.9385 55.7234 13.2381 56.335 14.1519 57.3178L16.3489 55.275ZM26.919 48.9036C21.1017 48.9036 15.7701 51.5302 13.885 55.6755L16.6158 56.9174C17.8366 54.2331 21.7787 51.9036 26.919 51.9036V48.9036ZM35.5064 51.059C33.1359 49.6954 30.1399 48.9036 26.919 48.9036V51.9036C29.665 51.9036 32.1367 52.5815 34.0105 53.6594L35.5064 51.059ZM47.1643 40.5C40.2304 40.5 34.4678 45.5017 33.2821 52.0937L36.2347 52.6247C37.1679 47.4365 41.708 43.5 47.1643 43.5V40.5ZM61.2638 54.1915C61.0444 46.5923 54.8161 40.5 47.1643 40.5V43.5C53.1882 43.5 58.0923 48.2966 58.2651 54.2781L61.2638 54.1915ZM60.1515 52.7234C59.9922 52.7234 59.8338 52.7281 59.6764 52.7374L59.8525 55.7322C59.9512 55.7264 60.0509 55.7234 60.1515 55.7234V52.7234ZM68.1452 60.7171C68.1452 56.3023 64.5663 52.7234 60.1515 52.7234V55.7234C62.9094 55.7234 65.1452 57.9592 65.1452 60.7171H68.1452ZM60.1515 68.7109C64.5663 68.7109 68.1452 65.132 68.1452 60.7171H65.1452C65.1452 63.4751 62.9094 65.7109 60.1515 65.7109V68.7109ZM59.683 68.6973C59.8382 68.7063 59.9944 68.7109 60.1515 68.7109V65.7109C60.0523 65.7109 59.954 65.708 59.8566 65.7023L59.683 68.6973ZM58.2698 67.1998V67.2109H61.2698V67.1998H58.2698ZM59.7698 65.7109H47.204V68.7109H59.7698V65.7109Z" fill="#65C2E6" mask="url(#path-24-inside-3_836_3469)"/>
<mask id="path-26-inside-4_836_3469" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M368.846 54C369.372 54.1376 369.925 54.2108 370.494 54.2108C374.08 54.2108 376.987 51.3035 376.987 47.7171C376.987 44.1307 374.08 41.2234 370.494 41.2234C369.808 41.2234 369.146 41.3298 368.526 41.527C367.278 37.7364 363.708 35 359.5 35C357.49 35 355.626 35.624 354.092 36.6889C352.176 32.1699 347.698 29 342.481 29C335.643 29 330.077 34.4444 329.881 41.2348C329.753 41.2272 329.624 41.2234 329.494 41.2234C325.907 41.2234 323 44.1308 323 47.7171C323 51.3035 325.907 54.2109 329.494 54.2109C330.063 54.2109 330.615 54.1376 331.141 54H340.172C340.921 54.1385 341.692 54.2109 342.481 54.2109C343.269 54.2109 344.041 54.1385 344.789 54H359.5H368.846Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M368.846 54C369.372 54.1376 369.925 54.2108 370.494 54.2108C374.08 54.2108 376.987 51.3035 376.987 47.7171C376.987 44.1307 374.08 41.2234 370.494 41.2234C369.808 41.2234 369.146 41.3298 368.526 41.527C367.278 37.7364 363.708 35 359.5 35C357.49 35 355.626 35.624 354.092 36.6889C352.176 32.1699 347.698 29 342.481 29C335.643 29 330.077 34.4444 329.881 41.2348C329.753 41.2272 329.624 41.2234 329.494 41.2234C325.907 41.2234 323 44.1308 323 47.7171C323 51.3035 325.907 54.2109 329.494 54.2109C330.063 54.2109 330.615 54.1376 331.141 54H340.172C340.921 54.1385 341.692 54.2109 342.481 54.2109C343.269 54.2109 344.041 54.1385 344.789 54H359.5H368.846Z" fill="#444444"/>
<path d="M368.846 54V52.5H369.039L369.226 52.5488L368.846 54ZM368.526 41.527L368.98 42.9566L367.565 43.406L367.101 41.9961L368.526 41.527ZM354.092 36.6889L354.947 37.9213L353.431 38.9729L352.711 37.2744L354.092 36.6889ZM329.881 41.2348L331.38 41.2781L331.336 42.8229L329.793 42.7322L329.881 41.2348ZM331.141 54L330.762 52.5488L330.948 52.5H331.141V54ZM340.172 54V52.5H340.31L340.445 52.525L340.172 54ZM344.789 54L344.516 52.525L344.652 52.5H344.789V54ZM369.226 52.5488C369.629 52.6543 370.054 52.7108 370.494 52.7108V55.7108C369.795 55.7108 369.116 55.6209 368.467 55.4512L369.226 52.5488ZM370.494 52.7108C373.252 52.7108 375.487 50.4751 375.487 47.7171H378.487C378.487 52.1319 374.909 55.7108 370.494 55.7108V52.7108ZM375.487 47.7171C375.487 44.9592 373.252 42.7234 370.494 42.7234V39.7234C374.909 39.7234 378.487 43.3023 378.487 47.7171H375.487ZM370.494 42.7234C369.964 42.7234 369.455 42.8055 368.98 42.9566L368.071 40.0974C368.837 39.8541 369.652 39.7234 370.494 39.7234V42.7234ZM367.101 41.9961C366.049 38.8024 363.042 36.5 359.5 36.5V33.5C364.375 33.5 368.506 36.6705 369.95 41.058L367.101 41.9961ZM359.5 36.5C357.806 36.5 356.238 37.0251 354.947 37.9213L353.237 35.4564C355.014 34.223 357.175 33.5 359.5 33.5V36.5ZM352.711 37.2744C351.021 33.2902 347.075 30.5 342.481 30.5V27.5C348.322 27.5 353.33 31.0496 355.473 36.1033L352.711 37.2744ZM342.481 30.5C336.457 30.5 331.553 35.2966 331.38 41.2781L328.381 41.1915C328.601 33.5923 334.829 27.5 342.481 27.5V30.5ZM329.793 42.7322C329.694 42.7264 329.594 42.7234 329.494 42.7234V39.7234C329.653 39.7234 329.811 39.7281 329.969 39.7374L329.793 42.7322ZM329.494 42.7234C326.736 42.7234 324.5 44.9592 324.5 47.7171H321.5C321.5 43.3023 325.079 39.7234 329.494 39.7234V42.7234ZM324.5 47.7171C324.5 50.4751 326.736 52.7109 329.494 52.7109V55.7109C325.079 55.7109 321.5 52.132 321.5 47.7171H324.5ZM329.494 52.7109C329.934 52.7109 330.359 52.6543 330.762 52.5488L331.521 55.4512C330.872 55.6209 330.192 55.7109 329.494 55.7109V52.7109ZM331.141 52.5H340.172V55.5H331.141V52.5ZM340.445 52.525C341.104 52.647 341.784 52.7109 342.481 52.7109V55.7109C341.6 55.7109 340.737 55.6301 339.899 55.475L340.445 52.525ZM342.481 52.7109C343.177 52.7109 343.858 52.647 344.516 52.525L345.062 55.475C344.224 55.6301 343.361 55.7109 342.481 55.7109V52.7109ZM344.789 52.5H359.5V55.5H344.789V52.5ZM359.5 52.5H368.846V55.5H359.5V52.5Z" fill="#65C2E6" mask="url(#path-26-inside-4_836_3469)"/>
<path d="M36.25 214.915C35.6977 213.959 36.0255 212.735 36.9821 212.183L45.065 207.516L52.7224 209.446L59.9724 222.004C60.5247 222.96 60.197 224.183 59.2404 224.736L47.9821 231.236C47.0255 231.788 45.8023 231.46 45.25 230.504L36.25 214.915Z" fill="#444444" stroke="#65C2E6" stroke-width="1.5"/>
<path d="M44.7138 207.575L44.9593 207L53.1555 209.196L53.0807 209.817L48.6423 212.379C48.164 212.655 47.5524 212.491 47.2763 212.013L44.7138 207.575Z" fill="#65C2E6"/>
<path d="M51 93.1652C51.5523 92.2086 52.7755 91.8808 53.7321 92.4331L61.815 97.0998L63.9724 104.696L56.7224 117.254C56.1701 118.21 54.947 118.538 53.9904 117.986L42.7321 111.486C41.7755 110.933 41.4477 109.71 42 108.754L51 93.1652Z" fill="#444444" stroke="#65C2E6" stroke-width="1.5"/>
<path d="M61.5888 96.8248L62.2093 96.75L64.4055 104.946L63.8307 105.192L59.3923 102.629C58.914 102.353 58.7502 101.741 59.0263 101.263L61.5888 96.8248Z" fill="#65C2E6"/>
<path d="M334 211.07C334.552 212.027 335.775 212.355 336.732 211.802L344.815 207.136L346.972 199.539L339.722 186.982C339.17 186.025 337.947 185.697 336.99 186.25L325.732 192.75C324.775 193.302 324.448 194.525 325 195.482L334 211.07Z" fill="#444444" stroke="#65C2E6" stroke-width="1.5"/>
<path d="M344.589 207.411L345.209 207.485L347.405 199.289L346.831 199.044L342.392 201.606C341.914 201.882 341.75 202.494 342.026 202.972L344.589 207.411Z" fill="#65C2E6"/>
<defs>
<filter id="filter0_d_836_3469" x="134" y="102" width="102" height="126" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="7"/>
<feGaussianBlur stdDeviation="7.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_836_3469"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_836_3469" result="shape"/>
</filter>
<linearGradient id="paint0_linear_836_3469" x1="185" y1="30" x2="185" y2="278.515" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C566C" stop-opacity="0"/>
<stop offset="0.538" stop-color="#1C566C"/>
</linearGradient>
<linearGradient id="paint1_linear_836_3469" x1="185" y1="30" x2="185" y2="278.515" gradientUnits="userSpaceOnUse">
<stop stop-color="#9ADAF3" stop-opacity="0"/>
<stop offset="1" stop-color="#65C2E6"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB