yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-13 08:46:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

changed icons and icons styles in aside bar, menu

Browse Source
This commit is contained in:
Kostya
2023-11-19 13:35:19 +03:00
parent 291131d474
commit 1365a4a996
9 changed files with 40 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
luckydiamond/src/assets/icons-menu/bomb-icon.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Vector" filter="url(#filter0_d_362_96)">
<path d="M17.849 52C12.8909 52 8.67658 50.2956 5.20595 46.8867C1.73532 43.4778 0 39.3659 0 34.5511C0 29.7363 1.71548 25.663 5.14645 22.3311C8.57742 18.9993 12.7719 17.3333 17.73 17.3333C18.2094 17.3333 18.6532 17.0802 18.8972 16.6676L20.1098 14.6178C20.5858 13.7704 21.2998 13.2215 22.2517 12.9711C23.2037 12.7207 24.1159 12.8459 24.9886 13.3467L26.2919 14.0639C26.563 14.2131 26.9034 14.1269 27.0709 13.8667C27.9832 12.2104 29.4111 11.1319 31.3547 10.6311C33.2982 10.1304 35.1228 10.3615 36.8284 11.3244C37.9677 11.9567 38.3544 13.412 37.6866 14.5307C37.0443 15.6066 35.6607 15.9838 34.5651 15.3758L34.4485 15.3111C33.8932 15.003 33.2883 14.9356 32.6339 15.1089C31.9794 15.2822 31.4935 15.6385 31.1762 16.1778C31.015 16.4282 31.0986 16.7628 31.3586 16.908L33.2586 17.9689C34.0915 18.4311 34.6369 19.1244 34.8947 20.0489C35.1526 20.9733 35.0435 21.84 34.5675 22.6489C33.583 24.3486 33.7126 26.4332 34.4571 28.251C34.67 28.771 34.8556 29.3014 35.0137 29.8422C35.4699 31.4022 35.6979 33.0104 35.6979 34.6667C35.6979 39.4815 33.9626 43.5741 30.492 46.9444C27.0214 50.3148 22.807 52 17.849 52ZM17.849 47.3778C21.4584 47.3778 24.5423 46.1356 27.1007 43.6511C29.659 41.1667 30.9382 38.1719 30.9382 34.6667C30.9382 33.4726 30.7696 32.2978 30.4325 31.1422C30.0953 29.9867 29.5896 28.8889 28.9153 27.8489L28.3715 27.0161C27.758 26.0766 27.7353 24.8692 28.3131 23.9073C29.1638 22.4912 28.6753 20.6522 27.2342 19.8448L26.3537 19.3515C24.8639 18.5169 22.9806 19.017 22.1013 20.4809C21.5302 21.4317 20.5023 22.0133 19.3931 22.0133H18.5629C14.8345 22.0133 11.5919 23.1689 8.83524 25.48C6.07857 27.7911 4.70023 30.8148 4.70023 34.5511C4.70023 38.0948 5.9794 41.1185 8.53776 43.6222C11.0961 46.1259 14.1998 47.3778 17.849 47.3778ZM47.1715 19.6444C45.8951 19.6444 44.8604 18.6097 44.8604 17.3333C44.8604 16.0569 45.8951 15.0222 47.1715 15.0222H49.6889C50.9653 15.0222 52 16.0569 52 17.3333C52 18.6097 50.9653 19.6444 49.6889 19.6444H47.1715ZM34.151 6.93333C32.8367 6.93333 31.7712 5.86783 31.7712 4.55347V2.37986C31.7712 1.0655 32.8367 0 34.151 0C35.4654 0 36.5309 1.0655 36.5309 2.37986V4.55347C36.5309 5.86783 35.4654 6.93333 34.151 6.93333ZM44.9901 10.043C44.0894 10.9176 42.6566 10.9176 41.7559 10.043C40.8171 9.13131 40.8171 7.62425 41.7559 6.71259L43.4813 5.03703C44.382 4.1624 45.8148 4.1624 46.7155 5.03703C47.6543 5.94869 47.6543 7.45575 46.7155 8.36741L44.9901 10.043Z" fill="#EF4444"/>
</g>
<defs>
<filter id="filter0_d_362_96" x="0" y="0" width="60" height="60" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_362_96"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_362_96" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
luckydiamond/src/assets/icons-menu/case-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 914 B

17
luckydiamond/src/assets/icons-menu/crush-icon.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Vector" filter="url(#filter0_d_362_99)">
<path d="M6.76677 21.3801L13.8249 24.4063C14.6236 22.8227 15.4762 21.2608 16.3827 19.7206C17.2893 18.1804 18.2606 16.6944 19.2966 15.2626L13.9544 14.1563L6.76677 21.3801ZM16.836 26.6841L25.4482 35.3397C28.1031 34.0814 30.5152 32.731 32.6845 31.2885C34.8537 29.8459 36.6075 28.4521 37.9457 27.1071C41.3993 23.6362 43.9301 20.0622 45.5381 16.3853C47.1462 12.7083 48.0365 8.51606 48.2092 3.80864C43.5253 3.98219 39.3541 4.87161 35.6955 6.4769C32.0369 8.08219 28.4809 10.6203 25.0273 14.0912C23.6891 15.4362 22.3023 17.2042 20.8669 19.3952C19.4315 21.5862 18.0879 24.0158 16.836 26.6841ZM32.1179 19.9809C31.2545 19.1349 30.8228 18.0882 30.8228 16.8408C30.8228 15.5935 31.2545 14.5359 32.1179 13.6682C32.9597 12.8005 34.0011 12.3666 35.2423 12.3666C36.4834 12.3666 37.5356 12.8005 38.399 13.6682C39.2408 14.5359 39.6617 15.5935 39.6617 16.8408C39.6617 18.0882 39.2408 19.1349 38.399 19.9809C37.5356 20.8486 36.4834 21.2825 35.2423 21.2825C34.0011 21.2825 32.9597 20.8486 32.1179 19.9809ZM30.7257 45.4595L37.9133 38.2357L36.8125 32.8666C35.388 33.8862 33.9094 34.857 32.3769 35.7789C30.8444 36.7009 29.2903 37.5632 27.7146 38.3658L30.7257 45.4595ZM51.8678 0.131652C52.3211 5.75018 51.6088 11.0325 49.7309 15.9785C47.8531 20.9245 44.8312 25.491 40.6654 29.6777L40.3902 29.9543L40.115 30.2309L41.5396 37.4873C41.6691 38.1164 41.6367 38.7238 41.4424 39.3095C41.2482 39.8952 40.9352 40.4159 40.5035 40.8714L29.4954 52L24.0237 39.1793L12.9831 28.1158L0.259015 22.6166L11.3643 11.5531C11.796 11.0975 12.3032 10.7721 12.886 10.5769C13.4688 10.3817 14.0732 10.3491 14.6991 10.4793L21.9192 11.9436C22.0055 11.8568 22.0918 11.7755 22.1782 11.6995C22.2645 11.6236 22.3616 11.5423 22.4696 11.4555C26.6354 7.2687 31.179 4.22081 36.1002 2.31181C41.0215 0.402816 46.2774 -0.323905 51.8678 0.131652ZM4.7594 35.8603C6.27033 34.3418 8.09962 33.5825 10.2473 33.5825C12.395 33.5825 14.2135 34.3201 15.7028 35.7952C17.1921 37.3137 17.9314 39.1522 17.9206 41.3107C17.9098 43.4692 17.1598 45.2968 15.6704 46.7936C14.5264 47.9434 12.7997 48.8816 10.4901 49.6083C8.18056 50.335 4.68386 51.013 0 51.6421C0.647538 46.9346 1.31666 43.4149 2.00737 41.0829C2.69808 38.7509 3.61542 37.01 4.7594 35.8603ZM7.38193 38.5611C6.7344 39.2553 6.17859 40.302 5.71452 41.7012C5.25045 43.1004 4.83495 44.9063 4.46801 47.119C6.66964 46.7503 8.46656 46.3327 9.85877 45.8663C11.251 45.3999 12.2924 44.8413 12.9831 44.1905C13.8034 43.4746 14.2243 42.5418 14.2458 41.392C14.2674 40.2423 13.8897 39.2553 13.1126 38.4309C12.2708 37.65 11.2833 37.2703 10.1502 37.292C9.01697 37.3137 8.09422 37.7367 7.38193 38.5611Z" fill="#EF4444"/>
</g>
<defs>
<filter id="filter0_d_362_99" x="0" y="0" width="60" height="60" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_362_99"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_362_99" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

30
luckydiamond/src/assets/icons-menu/home-icon.svg Normal file
View File

@@ -0,0 +1,30 @@
<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_457_11)">
<path d="M0 20C0 8.95431 8.95431 0 20 0H53C64.0457 0 73 8.95431 73 20V53C73 64.0457 64.0457 73 53 73H20C8.95431 73 0 64.0457 0 53V20Z" fill="#D9D9D9" fill-opacity="0.12" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter1_d_457_11)">
<path d="M18.125 54.8889C18.125 55.9935 19.0204 56.8889 20.125 56.8889H25.3125C26.4171 56.8889 27.3125 55.9935 27.3125 54.8889V40.5556C27.3125 39.451 28.2079 38.5556 29.3125 38.5556H43.6875C44.7921 38.5556 45.6875 39.451 45.6875 40.5556V54.8889C45.6875 55.9935 46.5829 56.8889 47.6875 56.8889H52.875C53.9796 56.8889 54.875 55.9935 54.875 54.8889V30.3903C54.875 29.76 54.5779 29.1666 54.0733 28.7889L37.6983 16.5355C36.9879 16.004 36.0121 16.004 35.3017 16.5355L18.9267 28.7889C18.4221 29.1666 18.125 29.76 18.125 30.3903V54.8889ZM14 63C12.8954 63 12 62.1046 12 61V27.3347C12 26.7044 12.2971 26.111 12.8017 25.7334L35.3017 8.89665C36.0121 8.36506 36.9879 8.36506 37.6983 8.89665L60.1983 25.7334C60.7029 26.111 61 26.7044 61 27.3347V61C61 62.1046 60.1046 63 59 63H41.5625C40.4579 63 39.5625 62.1046 39.5625 61V46.6667C39.5625 45.5621 38.6671 44.6667 37.5625 44.6667H35.4375C34.3329 44.6667 33.4375 45.5621 33.4375 46.6667V61C33.4375 62.1046 32.5421 63 31.4375 63H14Z" fill="#EF4444"/>
</g>
<defs>
<filter id="filter0_d_457_11" x="0" y="0" width="81" height="81" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_457_11"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_457_11" result="shape"/>
</filter>
<filter id="filter1_d_457_11" x="12" y="8.49805" width="57" height="62.502" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_457_11"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_457_11" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

32
luckydiamond/src/assets/icons-menu/settings-icon.svg Normal file
View File

@@ -0,0 +1,32 @@
<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 7">
<g id="Rectangle 86" filter="url(#filter0_d_457_36)">
<path d="M0 20C0 8.95431 8.95431 0 20 0H53C64.0457 0 73 8.95431 73 20V53C73 64.0457 64.0457 73 53 73H20C8.95431 73 0 64.0457 0 53V20Z" fill="#D9D9D9" fill-opacity="0.12" shape-rendering="crispEdges"/>
</g>
<g id="Vector" filter="url(#filter1_d_457_36)">
<path d="M35.8095 67C32.5868 67 29.8409 64.6604 29.3292 61.4787L29.1688 60.4819C28.879 58.6801 27.609 57.1737 26.0184 56.2789C25.9581 56.245 25.8978 56.2109 25.8375 56.1765C23.8309 55.0321 21.402 54.762 19.3004 55.721C16.2321 57.1211 12.6025 55.9437 10.9404 53.0089L9.85651 51.095C8.2289 48.2211 9.01602 44.5835 11.6861 42.6395L13.8942 41.0319C14.6456 40.4849 14.9839 39.5424 14.9417 38.6139C14.9164 38.0566 14.9037 37.525 14.9037 37.019C14.9037 36.5889 14.9164 36.0765 14.9417 35.482C14.9849 34.469 14.6066 33.4488 13.787 32.8521L11.7363 31.3591C9.03854 29.395 8.24558 25.7183 9.89396 22.8169L11.0152 20.8433C12.6354 17.9914 16.1656 16.8494 19.1492 18.2119L19.7327 18.4784C21.589 19.3262 23.7558 19.005 25.5244 17.9867C27.3751 16.9212 28.909 15.2317 29.2442 13.1226L29.3353 12.5489C29.8433 9.35272 32.5995 7 35.8358 7H38.1083C41.3783 7 44.1646 9.37397 44.6839 12.6025L44.7597 13.0737C45.0951 15.159 46.5497 16.8725 48.3996 17.8918C50.2176 18.8936 52.4239 19.3053 54.3134 18.4461L54.9614 18.1514C57.8836 16.8225 61.337 17.9428 62.9227 20.734L64.0288 22.681C65.7158 25.6503 64.8793 29.4147 62.0936 31.3902L60.0752 32.8216C59.2652 33.396 58.8591 34.3773 58.9253 35.3681C58.9633 35.9374 58.9823 36.4877 58.9823 37.019C58.9823 37.5503 58.9633 38.0923 58.9253 38.6452C58.8589 39.61 59.2518 40.5669 60.0399 41.1275L62.0882 42.5845C64.8574 44.5542 65.6892 48.2986 64.0146 51.2556L62.9222 53.1845C61.3165 56.0196 57.8097 57.1567 54.8458 55.8031L54.1885 55.503C52.3619 54.6688 50.2312 55.004 48.5147 56.0461C46.6456 57.1808 45.0856 58.9001 44.7384 61.0589L44.6737 61.4611C44.1603 64.653 41.4056 67 38.1727 67H35.8095ZM33.2559 59.3421C33.4888 61.2231 35.087 62.6357 36.9823 62.6357C38.8695 62.6357 40.4635 61.235 40.7061 59.3635L40.9044 57.8335C41.1965 55.5805 42.883 53.8132 44.9281 52.8239C45.3023 52.6429 45.67 52.4488 46.0312 52.2415C46.3935 52.0336 46.7486 51.8132 47.0963 51.5804C48.9972 50.3076 51.3969 49.766 53.4939 50.6804L55.2311 51.438C56.8627 52.1494 58.7678 51.5045 59.6316 49.9482C60.4764 48.426 60.0563 46.5129 58.6514 45.4848L55.9984 43.5433C54.7374 42.6205 54.1417 41.0484 54.4034 39.5079C54.5428 38.6876 54.6124 37.855 54.6124 37.0099C54.6124 36.1557 54.5617 35.3238 54.4604 34.5142C54.2694 32.9877 54.7545 31.4027 55.9944 30.492L58.6726 28.5248C60.0684 27.4995 60.4906 25.5999 59.6605 24.0799C58.803 22.5098 56.8895 21.8529 55.2484 22.5652L53.5963 23.2822C51.4564 24.211 49.0077 23.5934 47.0992 22.2518C46.7811 22.0282 46.4546 21.8146 46.1197 21.611C45.8085 21.4218 45.4918 21.2471 45.1696 21.0867C43.0643 20.0392 41.1877 18.2891 40.897 15.9557L40.7374 14.6752C40.5018 12.7839 38.8943 11.3643 36.9884 11.3643C35.0762 11.3643 33.4655 12.7931 33.2374 14.6917L33.069 16.094C32.7952 18.3739 31.0549 20.1357 28.9697 21.0974C28.5755 21.2792 28.1934 21.4757 27.8233 21.6869C27.4662 21.8907 27.1155 22.1097 26.7712 22.344C24.8723 23.6362 22.4668 24.2185 20.3646 23.2931L18.7327 22.5747C17.0999 21.856 15.1883 22.4953 14.3165 24.0517C13.4593 25.582 13.8817 27.5116 15.2999 28.5437L17.8436 30.395C19.1259 31.3283 19.704 32.9329 19.4636 34.5005C19.3369 35.3262 19.2736 36.1523 19.2736 36.9787C19.2736 37.8405 19.3306 38.6825 19.4446 39.5047C19.6618 41.0713 19.0927 42.6714 17.8163 43.6054L15.2918 45.4525C13.8768 46.4879 13.4558 48.4158 14.3103 49.9468C15.1802 51.5052 17.09 52.1503 18.7267 51.4385L20.4273 50.699C22.5056 49.7951 24.8815 50.3259 26.7659 51.585C27.1422 51.8365 27.5264 52.0729 27.9183 52.2941C28.2949 52.5067 28.6788 52.7054 29.0698 52.8901C31.1157 53.8564 32.7952 55.6209 33.0732 57.8664L33.2559 59.3421ZM36.9226 46.6964C39.5979 46.6964 41.8788 45.7533 43.7651 43.8672C45.6515 41.981 46.5947 39.6976 46.5947 37.0171C46.5947 34.3365 45.6506 32.0538 43.7624 30.1689C41.8742 28.284 39.5884 27.3416 36.905 27.3416C34.1944 27.3416 31.9018 28.2846 30.0272 30.1708C28.1526 32.057 27.2153 34.3403 27.2153 37.0209C27.2153 39.7015 28.1526 41.9842 30.0272 43.8691C31.9018 45.754 34.2003 46.6964 36.9226 46.6964Z" fill="#EF4444"/>
</g>
</g>
<defs>
<filter id="filter0_d_457_36" x="0" y="0" width="81" height="81" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_457_36"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_457_36" result="shape"/>
</filter>
<filter id="filter1_d_457_36" x="9.01221" y="7" width="63.8853" height="68" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_457_36"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_457_36" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

21
luckydiamond/src/assets/icons-menu/slots-icon.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="73" height="44" viewBox="0 0 73 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="sadasdad 1" filter="url(#filter0_d_644_4)">
<rect width="65" height="36" fill="url(#pattern0)" shape-rendering="crispEdges"/>
</g>
<defs>
<filter id="filter0_d_644_4" x="0" y="0" width="73" height="44" 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 dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_644_4"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_644_4" result="shape"/>
</filter>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_644_4" transform="matrix(0.00193643 0 0 0.00354004 0 -0.40625)"/>
</pattern>
<image id="image0_644_4" width="512" height="512" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAQMAAADOtka5AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAZQTFRFAAAA70RE4n0h2gAAAAJ0Uk5TAP9bkSK1AAAET0lEQVR4nO3bTZKbMBAFYCgWLH2DcBQdDY7GUTgCSy8oFGP+W0J0q41xUu8tUnkV+qsZLH4mA0mCIAiCIAiCIAiCIAiCIAiCIAiCIAiC/JMpe918Zm2tAgprnyqgtFb1PaT2lUoB5APQKIDHALQKoBgAzV40A9ApgHIANB+DfSd+Ph2BKhrIRqCOBvIRaO4DHiMQv5LUQDEC8UtRDZgRiF/LaqAcgfiDYTihqU5qr+Em1wDDcZBpDsfhSEyVwPRHNNC/d8SdQPdeTQDuBe5fB+qlrAd0R6P6hPIC2ocS0J1U778uqIH7L67332Co75HUt3nqG001oL5X1t+tG91K/sBPLOofujLdMkjGj0EzP+xFzT58H06aHxvfe7EBAAAAAAAfB6bbHVYqD5AK5reXkgWQfAHbq+ECGBHQuoBofvM9zEAmA3oHyGXA+jnMQCEEagoYIdBQoBQCLQWE8+uN2QSI1uGQTgv0BBAuA7vemU2AdBk4gOxQGlJpgXoPFN8Hmj1gvg+0HwZKu79pp7fg+z6tGgK0xwNOL9fdsAJNYID24g10G8CSHx5PgMf6PaxAaID2aSdU0UC2roUF6EMDB0AbDUznn+cWCA4cAL0WsPcB81Wg0gK1FmhuB1ot8Lwd6H4OMMtBet7no2kHLCyrFw6QrQcpp+cOMN8kMPv4K7ItMF/jK15PD4Ga2R2gIBuc9fIIaJhdDRgKGHeDsw7gMqDm94uAit8vAgT9GqAXdAcYzlO9pDtAvjkLczo9H+w2OOte4EEGQt0D9MMGT253gAfZ4Kw7QD5er1pu9wBPMhDuDpC+/s0IugMkr78aQXeBP++LRc3tLpCQgZPuBcbDndcvAeZfxLP6VUCfcLsPyMhAsB8AXcLtPiAnA8F+CTAd7rw+n+Y/DbQJt/uAggwE+wHQJNzuAwwZCPYDoE64/RKgJAPBfgBUCbf7AEsGgv0ASBJuvwKYTzi8/jGgXjfIyEC4+4GODAT6DFQfBPL5v+1ZfQbYAwdArwW257zlcQZWN+uHEA0kc6YNiumEw+s/CcxnLF7/VaDidw9QkoFwvwgQdA9gyUC4XwP0gu4CKRk46dcAnaD/IpAtv4xldRcoyMBJdwFLFs5Jd4DN61Ws7gD5fLFn9s8Dm/ezWN0BiuVKx+s/CJhhg07U/zvg659CeTtgtceCAwiPxtQBNg/ucnq+/VVxzBnp4QCbV0453bpAIuh2XZb/NPC8HWgFA9cAjRaotUAVC6SfAiRfsg/o2QMHQLfdIPYxkjhg8yTMskHMszj1DqjkwG6D/WsQJ0BB96H0gSZDDiX3Df4w4Hl/prTy7B7iMrrxGKDZA8X3gXoPxD+fGA1UeyD/PrCflz9mSl+iin9Sdo4UeFKg1AJGCDQUKIRATQHpSqooIF0IdF76OTqfovRj8LzGVYgAZx8KF7P3bcBS9x0gCIIgCIIgCIIgCIIgCIIgCIIgCIIgt+UvVBu5EERv1u4AAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB