mirrors/Bibata_Cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/Bibata_Cursor.git synced 2025-05-30 14:55:21 -04:00
Code Issues Projects Releases Packages Wiki Activity

🌗 Border shapes & shadows redesign

Browse source
This commit is contained in:
ful1e5 2020-08-22 10:34:48 +05:30
parent 027b580703
commit 90a8939238
10 changed files with 17 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/round/svg/dnd_ask.svg
View file

@ -1,9 +1,8 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#0000FF"/>
<path d="M90.0175 48.5472C86.8393 44.8995 82.0755 42.6179 77.1174 42.9281C70.9236 43.3054 65.516 47.6529 63.3235 53.2852C60.3399 51.058 56.6164 49.8213 52.8175 50.097L52.7757 50.1001L52.7338 50.1038C48.167 50.5124 44.2956 53.0521 41.782 56.3106C39.2756 59.5599 37.8022 63.9367 38.5746 68.4447L40.691 81.6138L39.1329 82.782C38.8141 83.021 38.4779 83.2702 38.1275 83.5299C34.7971 85.9982 30.1851 89.4164 27.0134 94.1048C23.2271 99.7018 21.5843 106.855 24.464 115.971C27.5506 125.742 33.611 136.295 40.259 144.429C43.592 148.507 47.1979 152.131 50.8118 154.778C54.293 157.327 58.4024 159.428 62.6244 159.404C62.6277 159.404 62.6311 159.404 62.6344 159.404L126.279 159.181L129.49 159.169L130.815 156.245C142.137 131.271 141.637 107.628 141.271 90.35C141.221 87.9808 141.173 85.7312 141.159 83.6143L141.079 71.7346C141.052 67.3573 139.65 62.796 136.978 59.2811C134.251 55.6934 129.951 52.9554 124.506 53.3419C122.604 53.4556 120.759 53.9358 119.053 54.7138C118.529 51.2081 116.751 48.079 114.42 45.7587C111.432 42.7841 107.122 40.7278 102.405 41.029C97.3074 41.3455 92.696 44.333 90.0175 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M61.3985 46.5229C64.9827 41.6759 70.5726 38.3189 76.8093 37.9377C81.3913 37.652 85.8195 39.0054 89.4931 41.4746C92.9136 38.3606 97.3285 36.3358 102.091 36.0389C108.472 35.6329 114.125 38.41 117.948 42.2151C119.709 43.9686 121.257 46.1149 122.373 48.5465C122.969 48.4549 123.572 48.3898 124.179 48.3526C131.658 47.8317 137.458 51.6496 140.959 56.2556C144.347 60.7138 146.045 66.3501 146.079 71.6992L146.079 71.703L146.159 83.5808C146.173 85.6292 146.221 87.8329 146.272 90.176C146.65 107.423 147.193 132.228 135.369 158.31L132.718 164.158L62.6665 164.404L62.6488 164.404C56.8292 164.436 51.649 161.589 47.8575 158.812C43.8025 155.842 39.8966 151.886 36.3876 147.593C29.4056 139.051 23.0034 127.946 19.6962 117.477C16.3586 106.911 18.2262 98.1708 22.8721 91.3033C26.5582 85.8544 31.8817 81.9241 35.1517 79.5099L35.2742 79.4194L33.6418 69.2621C32.606 63.166 34.6147 57.4161 37.8231 53.2568C41.0457 49.0791 46.1167 45.676 52.2882 45.1238L52.3719 45.1163L52.4557 45.1102C55.5534 44.8854 58.6001 45.4074 61.3985 46.5229Z" fill="#0000FF"/>
</g>
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#00FF00"/>
<path d="M77.4256 47.9188C71.7685 48.2608 66.9389 53.7085 67.303 59.3382L68.0005 69.3175C68.1775 71.8541 65.8019 72.3843 65.526 70.4368L64.6517 64.2644C63.8782 58.9461 58.5637 54.6933 53.1794 55.084C47.2553 55.6141 42.4921 61.7892 43.5067 67.6233L47.3055 91.2608C47.3422 92.1706 47.081 96.8588 47.081 96.8588L42.1321 86.7827C34.9031 92.2022 24.3884 99.1327 29.2317 114.465C34.9639 132.611 52.1059 154.472 62.6023 154.405L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.648L136.079 71.7663C136.036 64.9579 131.653 57.8277 124.832 58.3315C120.218 58.5942 115.986 62.1364 114.934 66.6161L113.664 73.3479C113.286 75.3553 112.614 74.5296 112.765 72.9004L114.192 57.4386C114.586 51.3609 108.825 45.6265 102.719 46.0192C97.4413 46.3445 92.8075 51.0595 92.5967 56.3191L91.3948 67.0786C91.114 69.5922 89.5234 69.6541 89.3703 66.8549L88.8981 58.2194C88.6699 52.5118 83.1526 47.5579 77.4256 47.9188Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
<path d="M190 138C190 166.719 166.719 190 138 190C109.281 190 86 166.719 86 138C86 109.281 109.281 86 138 86C166.719 86 190 109.281 190 138Z" fill="#0000FF"/>
<path d="M182 138C182 162.301 162.301 182 138 182C113.699 182 94 162.301 94 138C94 113.699 113.699 94 138 94C162.301 94 182 113.699 182 138Z" fill="#FFCC00"/>
@ -11,7 +10,7 @@
<path d="M138 110C128.626 110 121 117.654 121 127.062V128.703H134.077V127.062C134.077 124.891 135.837 123.125 138 123.125C140.163 123.125 141.923 124.891 141.923 127.062C141.923 128.219 141.417 129.315 140.535 130.067L131.462 137.809V149.594H144.538V143.878L149.004 140.068C152.814 136.818 155 132.078 155 127.062C155 117.654 147.374 110 138 110Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="13.0005" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="13.0006" y="34.9995" width="138.419" height="138.405" 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"/>
<feOffset dy="4"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

5
packages/round/svg/dnd_copy.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#0000FF"/>
<path d="M90.0175 48.5472C86.8393 44.8995 82.0755 42.6179 77.1174 42.9281C70.9236 43.3054 65.516 47.6529 63.3235 53.2852C60.3399 51.058 56.6164 49.8213 52.8175 50.097L52.7757 50.1001L52.7338 50.1038C48.167 50.5124 44.2956 53.0521 41.782 56.3106C39.2756 59.5599 37.8022 63.9367 38.5746 68.4447L40.691 81.6138L39.1329 82.782C38.8141 83.021 38.4779 83.2702 38.1275 83.5299C34.7971 85.9982 30.1851 89.4164 27.0134 94.1048C23.2271 99.7018 21.5843 106.855 24.464 115.971C27.5506 125.742 33.611 136.295 40.259 144.429C43.592 148.507 47.1979 152.131 50.8118 154.778C54.293 157.327 58.4024 159.428 62.6244 159.404C62.6277 159.404 62.6311 159.404 62.6344 159.404L126.279 159.181L129.49 159.169L130.815 156.245C142.137 131.271 141.637 107.628 141.271 90.35C141.221 87.9808 141.173 85.7312 141.159 83.6143L141.079 71.7346C141.052 67.3573 139.65 62.796 136.978 59.2811C134.251 55.6934 129.951 52.9554 124.506 53.3419C122.604 53.4556 120.759 53.9358 119.053 54.7138C118.529 51.2081 116.751 48.079 114.42 45.7587C111.432 42.7841 107.122 40.7278 102.405 41.029C97.3074 41.3455 92.696 44.333 90.0175 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M61.3979 46.5234C64.9821 41.6763 70.5721 38.3194 76.8087 37.9382C81.3907 37.6525 85.8189 39.0059 89.4925 41.4751C92.913 38.3611 97.328 36.3363 102.09 36.0394C108.471 35.6334 114.124 38.4105 117.947 42.2156C119.709 43.969 121.256 46.1154 122.372 48.547C122.969 48.4553 123.571 48.3903 124.179 48.3531C131.658 47.8322 137.457 51.6501 140.958 56.2561C144.347 60.7143 146.044 66.3506 146.079 71.6996L146.079 71.7035L146.158 83.5812C146.172 85.6296 146.22 87.8334 146.272 90.1765C146.649 107.424 147.193 132.228 135.369 158.31L132.718 164.159L62.666 164.405L62.6483 164.405C56.8286 164.436 51.6485 161.589 47.8569 158.812C43.8019 155.843 39.896 151.887 36.3871 147.594C29.405 139.051 23.0028 127.947 19.6956 117.477C16.358 106.912 18.2257 98.1713 22.8715 91.3037C26.5576 85.8549 31.8812 81.9245 35.1511 79.5104L35.2736 79.4199L33.6412 69.2626C32.6054 63.1665 34.6141 57.4165 37.8225 53.2573C41.0451 49.0796 46.1162 45.6765 52.2877 45.1243L52.3713 45.1168L52.4551 45.1107C55.5528 44.8859 58.5995 45.4079 61.3979 46.5234Z" fill="#0000FF"/>
</g>
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
@ -11,7 +10,7 @@
<path d="M133.091 114.682V161.318C133.091 163.351 134.74 165 136.773 165H139.227C141.26 165 142.909 163.351 142.909 161.318V114.682C142.909 112.649 141.26 111 139.227 111H136.773C134.74 111 133.091 112.649 133.091 114.682Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="13.0006" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="13" y="35" width="138.419" height="138.405" 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"/>
<feOffset dy="4"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5 KiB

After

Width:  |  Height:  |  Size: 4 KiB

Before After
Before After

5
packages/round/svg/dnd_link.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#0000FF"/>
<path d="M90.0175 48.5472C86.8393 44.8995 82.0755 42.6179 77.1174 42.9281C70.9236 43.3054 65.516 47.6529 63.3235 53.2852C60.3399 51.058 56.6164 49.8213 52.8175 50.097L52.7757 50.1001L52.7338 50.1038C48.167 50.5124 44.2956 53.0521 41.782 56.3106C39.2756 59.5599 37.8022 63.9367 38.5746 68.4447L40.691 81.6138L39.1329 82.782C38.8141 83.021 38.4779 83.2702 38.1275 83.5299C34.7971 85.9982 30.1851 89.4164 27.0134 94.1048C23.2271 99.7018 21.5843 106.855 24.464 115.971C27.5506 125.742 33.611 136.295 40.259 144.429C43.592 148.507 47.1979 152.131 50.8118 154.778C54.293 157.327 58.4024 159.428 62.6244 159.404C62.6277 159.404 62.6311 159.404 62.6344 159.404L126.279 159.181L129.49 159.169L130.815 156.245C142.137 131.271 141.637 107.628 141.271 90.35C141.221 87.9808 141.173 85.7312 141.159 83.6143L141.079 71.7346C141.052 67.3573 139.65 62.796 136.978 59.2811C134.251 55.6934 129.951 52.9554 124.506 53.3419C122.604 53.4556 120.759 53.9358 119.053 54.7138C118.529 51.2081 116.751 48.079 114.42 45.7587C111.432 42.7841 107.122 40.7278 102.405 41.029C97.3074 41.3455 92.696 44.333 90.0175 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M61.3979 46.5234C64.9821 41.6763 70.5721 38.3194 76.8087 37.9382C81.3907 37.6525 85.8189 39.0059 89.4925 41.4751C92.913 38.3611 97.328 36.3363 102.09 36.0394C108.471 35.6334 114.124 38.4105 117.947 42.2156C119.709 43.969 121.256 46.1154 122.372 48.547C122.969 48.4553 123.571 48.3903 124.179 48.3531C131.658 47.8322 137.457 51.6501 140.958 56.2561C144.347 60.7143 146.044 66.3506 146.079 71.6996L146.079 71.7035L146.158 83.5812C146.172 85.6296 146.22 87.8334 146.272 90.1765C146.649 107.424 147.193 132.228 135.369 158.31L132.718 164.159L62.666 164.405L62.6483 164.405C56.8286 164.436 51.6485 161.589 47.8569 158.812C43.8019 155.843 39.896 151.887 36.3871 147.594C29.405 139.051 23.0028 127.947 19.6956 117.477C16.358 106.912 18.2257 98.1713 22.8715 91.3037C26.5576 85.8549 31.8812 81.9245 35.1511 79.5104L35.2736 79.4199L33.6412 69.2626C32.6054 63.1665 34.6141 57.4165 37.8225 53.2573C41.0451 49.0796 46.1162 45.6765 52.2877 45.1243L52.3713 45.1168L52.4551 45.1107C55.5528 44.8859 58.5995 45.4079 61.3979 46.5234Z" fill="#0000FF"/>
</g>
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
@ -10,7 +9,7 @@
<path d="M156.251 149.766C156.016 149.766 155.782 149.779 155.553 149.809L152.887 141.425C153.923 140.955 154.857 140.312 155.654 139.531C157.391 137.828 158.466 135.479 158.466 132.889C158.466 127.704 154.159 123.486 148.865 123.486C146.221 123.486 143.822 124.539 142.083 126.24C140.342 127.943 139.265 130.295 139.265 132.889C139.265 134.045 139.48 135.153 139.871 136.177L135.152 138.75C133.364 135.995 130.383 134.05 126.927 133.619V130.202C128.633 129.914 130.164 129.119 131.348 127.978C132.886 126.497 133.842 124.436 133.842 122.161C133.842 117.661 130.104 114 125.509 114C123.186 114 121.082 114.936 119.57 116.443C118.091 117.916 117.176 119.936 117.176 122.161C117.176 126.126 120.077 129.437 123.909 130.17V133.632C121.375 133.972 119.102 135.123 117.374 136.811C115.29 138.845 114 141.658 114 144.76C114 150.954 119.145 155.992 125.468 155.992C128.636 155.992 131.507 154.728 133.584 152.687C135.655 150.655 136.936 147.85 136.936 144.76C136.936 143.605 136.757 142.49 136.424 141.44L141.361 138.746C143.122 140.905 145.831 142.291 148.865 142.291C149.242 142.291 149.615 142.263 149.982 142.234L152.698 150.774C152.284 151.027 151.898 151.32 151.55 151.653C150.289 152.855 149.503 154.535 149.503 156.391C149.503 160.035 152.531 163 156.252 163C158.147 163 159.862 162.231 161.089 160.996C162.273 159.805 163 158.179 163 156.391C163 152.746 159.972 149.781 156.252 149.781L156.251 149.766Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="13.0006" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="13" y="35" width="138.419" height="138.405" 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"/>
<feOffset dy="4"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

5
packages/round/svg/dnd_move.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#0000FF"/>
<path d="M90.0175 48.5472C86.8393 44.8995 82.0755 42.6179 77.1174 42.9281C70.9236 43.3054 65.516 47.6529 63.3235 53.2852C60.3399 51.058 56.6164 49.8213 52.8175 50.097L52.7757 50.1001L52.7338 50.1038C48.167 50.5124 44.2956 53.0521 41.782 56.3106C39.2756 59.5599 37.8022 63.9367 38.5746 68.4447L40.691 81.6138L39.1329 82.782C38.8141 83.021 38.4779 83.2702 38.1275 83.5299C34.7971 85.9982 30.1851 89.4164 27.0134 94.1048C23.2271 99.7018 21.5843 106.855 24.464 115.971C27.5506 125.742 33.611 136.295 40.259 144.429C43.592 148.507 47.1979 152.131 50.8118 154.778C54.293 157.327 58.4024 159.428 62.6244 159.404C62.6277 159.404 62.6311 159.404 62.6344 159.404L126.279 159.181L129.49 159.169L130.815 156.245C142.137 131.271 141.637 107.628 141.271 90.35C141.221 87.9808 141.173 85.7312 141.159 83.6143L141.079 71.7346C141.052 67.3573 139.65 62.796 136.978 59.2811C134.251 55.6934 129.951 52.9554 124.506 53.3419C122.604 53.4556 120.759 53.9358 119.053 54.7138C118.529 51.2081 116.751 48.079 114.42 45.7587C111.432 42.7841 107.122 40.7278 102.405 41.029C97.3074 41.3455 92.696 44.333 90.0175 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M61.3979 46.5234C64.9821 41.6763 70.5721 38.3194 76.8087 37.9382C81.3907 37.6525 85.8189 39.0059 89.4925 41.4751C92.913 38.3611 97.328 36.3363 102.09 36.0394C108.471 35.6334 114.124 38.4105 117.947 42.2156C119.709 43.969 121.256 46.1154 122.372 48.547C122.969 48.4553 123.571 48.3903 124.179 48.3531C131.658 47.8322 137.457 51.6501 140.958 56.2561C144.347 60.7143 146.044 66.3506 146.079 71.6996L146.079 71.7035L146.158 83.5812C146.172 85.6296 146.22 87.8334 146.272 90.1765C146.649 107.424 147.193 132.228 135.369 158.31L132.718 164.159L62.666 164.405L62.6483 164.405C56.8286 164.436 51.6485 161.589 47.8569 158.812C43.8019 155.843 39.896 151.887 36.3871 147.594C29.405 139.051 23.0028 127.947 19.6956 117.477C16.358 106.912 18.2257 98.1713 22.8715 91.3037C26.5576 85.8549 31.8812 81.9245 35.1511 79.5104L35.2736 79.4199L33.6412 69.2626C32.6054 63.1665 34.6141 57.4165 37.8225 53.2573C41.0451 49.0796 46.1162 45.6765 52.2877 45.1243L52.3713 45.1168L52.4551 45.1107C55.5528 44.8859 58.5995 45.4079 61.3979 46.5234Z" fill="#0000FF"/>
</g>
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
@ -10,7 +9,7 @@
<path d="M119.268 146.732C120.244 147.709 120.244 149.292 119.268 150.268C118.78 150.756 118.14 151 117.5 151C116.86 151 116.22 150.756 115.732 150.268L105.732 140.268C104.756 139.291 104.756 137.709 105.732 136.732L115.732 126.732C116.708 125.756 118.291 125.756 119.268 126.732C120.244 127.709 120.244 129.291 119.268 130.268L111.036 138.5L119.268 146.732ZM125.732 116.732L135.732 106.732C136.708 105.756 138.291 105.756 139.268 106.732L149.268 116.732C150.244 117.709 150.244 119.292 149.268 120.268C148.78 120.756 148.14 121 147.5 121C146.86 121 146.22 120.756 145.732 120.268L137.5 112.036L129.268 120.268C128.291 121.244 126.708 121.244 125.732 120.268C124.756 119.291 124.756 117.709 125.732 116.732ZM137.5 126C144.393 126 150 131.608 150 138.5C150 145.393 144.393 151 137.5 151C130.607 151 125 145.393 125 138.5C125 131.608 130.607 126 137.5 126ZM149.268 160.268L139.268 170.268C138.78 170.756 138.14 171 137.5 171C136.86 171 136.22 170.756 135.732 170.268L125.732 160.268C124.756 159.291 124.756 157.709 125.732 156.732C126.708 155.756 128.291 155.756 129.268 156.732L137.5 164.964L145.732 156.732C146.709 155.756 148.292 155.756 149.268 156.732C150.244 157.709 150.244 159.292 149.268 160.268ZM159.268 150.268C158.78 150.756 158.14 151 157.5 151C156.86 151 156.22 150.756 155.732 150.268C154.756 149.291 154.756 147.709 155.732 146.732L163.964 138.5L155.732 130.268C154.756 129.291 154.756 127.709 155.732 126.732C156.708 125.756 158.291 125.756 159.268 126.732L169.268 136.732C170.244 137.709 170.244 139.291 169.268 140.268L159.268 150.268Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="13.0005" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="13" y="35" width="138.419" height="138.405" 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"/>
<feOffset dy="4"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Before After
Before After

5
packages/round/svg/dnd_no_drop.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#0000FF"/>
<path d="M90.0175 48.5472C86.8393 44.8995 82.0755 42.6179 77.1174 42.9281C70.9236 43.3054 65.516 47.6529 63.3235 53.2852C60.3399 51.058 56.6164 49.8213 52.8175 50.097L52.7757 50.1001L52.7338 50.1038C48.167 50.5124 44.2956 53.0521 41.782 56.3106C39.2756 59.5599 37.8022 63.9367 38.5746 68.4447L40.691 81.6138L39.1329 82.782C38.8141 83.021 38.4779 83.2702 38.1275 83.5299C34.7971 85.9982 30.1851 89.4164 27.0134 94.1048C23.2271 99.7018 21.5843 106.855 24.464 115.971C27.5506 125.742 33.611 136.295 40.259 144.429C43.592 148.507 47.1979 152.131 50.8118 154.778C54.293 157.327 58.4024 159.428 62.6244 159.404C62.6277 159.404 62.6311 159.404 62.6344 159.404L126.279 159.181L129.49 159.169L130.815 156.245C142.137 131.271 141.637 107.628 141.271 90.35C141.221 87.9808 141.173 85.7312 141.159 83.6143L141.079 71.7346C141.052 67.3573 139.65 62.796 136.978 59.2811C134.251 55.6934 129.951 52.9554 124.506 53.3419C122.604 53.4556 120.759 53.9358 119.053 54.7138C118.529 51.2081 116.751 48.079 114.42 45.7587C111.432 42.7841 107.122 40.7278 102.405 41.029C97.3074 41.3455 92.696 44.333 90.0175 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M61.3979 46.5234C64.9821 41.6763 70.5721 38.3194 76.8087 37.9382C81.3907 37.6525 85.8189 39.0059 89.4925 41.4751C92.913 38.3611 97.328 36.3363 102.09 36.0394C108.471 35.6334 114.124 38.4105 117.947 42.2156C119.709 43.969 121.256 46.1154 122.372 48.547C122.969 48.4553 123.571 48.3903 124.179 48.3531C131.658 47.8322 137.457 51.6501 140.958 56.2561C144.347 60.7143 146.044 66.3506 146.079 71.6996L146.079 71.7035L146.158 83.5812C146.172 85.6296 146.22 87.8334 146.272 90.1765C146.649 107.424 147.193 132.228 135.369 158.31L132.718 164.159L62.666 164.405L62.6483 164.405C56.8286 164.436 51.6485 161.589 47.8569 158.812C43.8019 155.843 39.896 151.887 36.3871 147.594C29.405 139.051 23.0028 127.947 19.6956 117.477C16.358 106.912 18.2257 98.1713 22.8715 91.3037C26.5576 85.8549 31.8812 81.9245 35.1511 79.5104L35.2736 79.4199L33.6412 69.2626C32.6054 63.1665 34.6141 57.4165 37.8225 53.2573C41.0451 49.0796 46.1162 45.6765 52.2877 45.1243L52.3713 45.1168L52.4551 45.1107C55.5528 44.8859 58.5995 45.4079 61.3979 46.5234Z" fill="#0000FF"/>
</g>
<path d="M77.4256 47.9186C71.7685 48.2606 66.9389 53.7084 67.303 59.3381L68.0005 69.3174C68.1775 71.854 65.8019 72.3842 65.526 70.4367L64.6517 64.2643C63.8782 58.946 58.5637 54.6932 53.1794 55.0839C47.2553 55.614 42.4921 61.7891 43.5067 67.6231L47.3055 91.2607C47.3422 92.1705 47.081 96.8587 47.081 96.8587L42.1321 86.7825C34.9031 92.2021 24.3884 99.1325 29.2317 114.465C34.9639 132.61 52.1059 154.472 62.6023 154.404L126.262 154.181C138.579 127.009 136.28 101.63 136.159 83.6479L136.079 71.7662C136.036 64.9578 131.653 57.8276 124.832 58.3314C120.218 58.5941 115.986 62.1363 114.934 66.616L113.664 73.3478C113.286 75.3552 112.614 74.5295 112.765 72.9002L114.192 57.4385C114.586 51.3607 108.825 45.6264 102.719 46.0191C97.4413 46.3444 92.8075 51.0594 92.5967 56.319L91.3948 67.0785C91.114 69.592 89.5234 69.654 89.3703 66.8547L88.8981 58.2193C88.6699 52.5117 83.1526 47.5577 77.4256 47.9186Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
@ -10,7 +9,7 @@
<path d="M138.5 111C132.006 111 125.777 113.474 121.182 117.878C116.588 122.281 114.005 128.255 114 134.485C113.998 137.46 114.584 140.407 115.728 143.172L156.814 118.908C154.517 116.424 151.698 114.434 148.541 113.071C145.384 111.708 141.962 111.002 138.5 111ZM161.272 125.768L120.156 150.032C122.45 152.531 125.272 154.534 128.435 155.907C131.598 157.281 135.029 157.994 138.5 158C141.719 158 144.906 157.392 147.879 156.21C150.852 155.028 153.554 153.295 155.829 151.112C158.104 148.928 159.908 146.336 161.139 143.483C162.369 140.63 163.002 137.572 163 134.485C163.006 131.5 162.42 128.542 161.272 125.768Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="13.0005" y="34.9994" width="138.419" height="138.405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="13" y="35" width="138.419" height="138.405" 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"/>
<feOffset dy="4"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before After
Before After

3
packages/round/svg/grabbing.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M95.4256 47.9186C89.7685 48.2606 84.9389 53.7084 85.303 59.3381L86.0005 69.3174C86.1775 71.854 83.8019 72.3842 83.526 70.4367L82.6517 64.2643C81.8782 58.946 76.5637 54.6932 71.1794 55.0839C65.2553 55.614 60.4921 61.7891 61.5067 67.6231L65.3055 91.2607C65.3422 92.1705 65.081 96.8587 65.081 96.8587L60.1321 86.7825C52.9031 92.2021 42.3884 99.1325 47.2317 114.465C52.9639 132.61 70.1059 154.472 80.6023 154.404L144.262 154.181C156.579 127.009 154.28 101.63 154.159 83.6479L154.079 71.7662C154.036 64.9578 149.653 57.8276 142.832 58.3314C138.218 58.5941 133.986 62.1363 132.934 66.616L131.664 73.3478C131.286 75.3552 130.614 74.5295 130.765 72.9002L132.192 57.4385C132.586 51.3607 126.825 45.6264 120.719 46.0191C115.441 46.3444 110.807 51.0594 110.597 56.319L109.395 67.0785C109.114 69.592 107.523 69.654 107.37 66.8547L106.898 58.2193C106.67 52.5117 101.153 47.5577 95.4256 47.9186Z" fill="#0000FF"/>
<path d="M108.017 48.5472C104.839 44.8995 100.075 42.6179 95.1174 42.9281C88.9236 43.3054 83.516 47.6529 81.3235 53.2852C78.3399 51.058 74.6164 49.8213 70.8175 50.097L70.7757 50.1001L70.7338 50.1038C66.167 50.5124 62.2956 53.0521 59.782 56.3106C57.2756 59.5599 55.8022 63.9367 56.5746 68.4447L58.691 81.6138L57.1329 82.782C56.8141 83.021 56.4779 83.2702 56.1275 83.5299C52.7971 85.9982 48.1851 89.4164 45.0134 94.1048C41.2271 99.7018 39.5843 106.855 42.464 115.971C45.5506 125.742 51.611 136.295 58.259 144.429C61.592 148.507 65.1979 152.131 68.8118 154.778C72.293 157.327 76.4024 159.428 80.6244 159.404C80.6277 159.404 80.6311 159.404 80.6344 159.404L144.279 159.181L147.49 159.169L148.815 156.245C160.137 131.271 159.637 107.628 159.271 90.35C159.221 87.9808 159.173 85.7312 159.159 83.6143L159.079 71.7346C159.052 67.3573 157.65 62.796 154.978 59.2811C152.251 55.6934 147.951 52.9554 142.506 53.3419C140.604 53.4556 138.759 53.9358 137.053 54.7138C136.529 51.2081 134.751 48.079 132.42 45.7587C129.432 42.7841 125.122 40.7278 120.405 41.029C115.307 41.3455 110.696 44.333 108.017 48.5472Z" stroke="#0000FF" stroke-width="10"/>
<path d="M79.3985 46.5228C82.9827 41.6757 88.5726 38.3188 94.8092 37.9376C99.3913 37.6519 103.819 39.0053 107.493 41.4745C110.914 38.3605 115.329 36.3356 120.091 36.0388C126.472 35.6328 132.125 38.4099 135.948 42.215C137.709 43.9684 139.257 46.1148 140.373 48.5464C140.969 48.4547 141.572 48.3897 142.179 48.3525C149.658 47.8316 155.458 51.6495 158.959 56.2555C162.347 60.7137 164.045 66.35 164.079 71.699L164.079 71.7029L164.159 83.5806C164.173 85.629 164.221 87.8328 164.272 90.1759C164.65 107.423 165.193 132.227 153.369 158.309L150.718 164.158L80.6665 164.404L80.6488 164.404C74.8292 164.436 69.649 161.589 65.8575 158.812C61.8025 155.842 57.8966 151.886 54.3876 147.593C47.4056 139.051 41.0033 127.946 37.6962 117.477C34.3586 106.911 36.2262 98.1707 40.872 91.3031C44.5581 85.8543 49.8817 81.9239 53.1517 79.5098L53.2742 79.4193L51.6418 69.2619C50.606 63.1659 52.6147 57.4159 55.823 53.2567C59.0456 49.079 64.1167 45.6759 70.2882 45.1237L70.3719 45.1162L70.4556 45.1101C73.5534 44.8853 76.6001 45.4073 79.3985 46.5228Z" fill="#0000FF"/>
</g>
<path d="M95.4256 47.9186C89.7685 48.2606 84.9389 53.7084 85.303 59.3381L86.0005 69.3174C86.1775 71.854 83.8019 72.3842 83.526 70.4367L82.6517 64.2643C81.8782 58.946 76.5637 54.6932 71.1794 55.0839C65.2553 55.614 60.4921 61.7891 61.5067 67.6231L65.3055 91.2607C65.3422 92.1705 65.081 96.8587 65.081 96.8587L60.1321 86.7825C52.9031 92.2021 42.3884 99.1325 47.2317 114.465C52.9639 132.61 70.1059 154.472 80.6023 154.404L144.262 154.181C156.579 127.009 154.28 101.63 154.159 83.6479L154.079 71.7662C154.036 64.9578 149.653 57.8276 142.832 58.3314C138.218 58.5941 133.986 62.1363 132.934 66.616L131.664 73.3478C131.286 75.3552 130.614 74.5295 130.765 72.9002L132.192 57.4385C132.586 51.3607 126.825 45.6264 120.719 46.0191C115.441 46.3444 110.807 51.0594 110.597 56.319L109.395 67.0785C109.114 69.592 107.523 69.654 107.37 66.8547L106.898 58.2193C106.67 52.5117 101.153 47.5577 95.4256 47.9186Z" fill="#00FF00"/>
<defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

3
packages/round/svg/hand1.svg
View file

@ -1,7 +1,6 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M102.47 23.0199C96.5341 23.3771 91.4668 29.0707 91.8487 34.9544L94.917 88.0752C95.0704 90.7283 92.6616 91.2727 92.3208 89.2452L84.0602 40.1027C83.2487 34.5445 77.6725 30.0998 72.0232 30.5081C65.8075 31.062 60.8099 37.5158 61.8744 43.613L73.2033 111.008C73.2418 111.959 73.3989 112.905 73.6753 113.816C73.232 115.598 72.9676 116.859 72.9676 116.859C35.2047 79.4167 26 106.328 26 106.328C51.6615 123.506 67.2269 177.141 89.2529 177L122.649 176.883L156.046 176.766C156.046 176.766 158.535 123.934 163.362 104.69L174.691 59.5259C176.504 52.6411 170.047 44.9587 162.89 45.4852C158.049 45.7601 153.609 49.4619 152.505 54.1436L142.829 92.2876C142.304 94.3577 141.8 93.5276 141.885 91.8195L144.717 34.9546C145.131 28.6028 139.086 22.6096 132.68 23.0199C127.142 23.3595 122.28 28.2876 122.059 33.7845L119.463 85.7351C119.331 88.375 117.499 88.4266 117.339 85.5015L114.507 33.7847C114.267 27.8197 108.478 22.6427 102.47 23.0199Z" fill="#0000FF"/>
<path d="M102.163 18.0293C94.0953 18.5183 87.2848 25.5309 86.8503 33.5135C83.7052 28.4175 77.7681 25.0798 71.6628 25.5211L71.6211 25.5241L71.5794 25.5278C66.8735 25.9472 62.8708 28.5562 60.2655 31.9204C57.6645 35.2792 56.1393 39.8029 56.946 44.4559C56.947 44.4616 56.948 44.4673 56.949 44.473L67.0828 104.76C52.7925 93.0329 42.0649 90.3782 33.923 92.7525C29.0814 94.1644 25.9202 97.1847 24.0279 99.7087C23.079 100.974 22.4154 102.157 21.9812 103.041C21.7628 103.486 21.5987 103.863 21.4826 104.147C21.4245 104.29 21.3782 104.41 21.3429 104.504C21.3253 104.552 21.3103 104.593 21.2981 104.627L21.2816 104.674L21.2749 104.693L21.2719 104.702C21.2705 104.706 21.2691 104.71 26 106.328L21.2691 104.71L20.0256 108.345L23.2186 110.483C28.9025 114.288 34.2739 120.299 39.5681 127.578C43.7994 133.396 47.7858 139.74 51.7734 146.086C52.7699 147.672 53.7665 149.258 54.767 150.836C59.6747 158.576 64.7168 166.188 70.042 171.856C75.2904 177.442 81.6464 182.045 89.2752 182C89.2785 182 89.2817 182 89.2849 182L122.667 181.883L156.063 181.766L160.816 181.749L161.04 177.001L156.046 176.766C161.04 177.001 161.04 177.001 161.04 177.001L161.04 177L161.041 176.993L161.042 176.966L161.047 176.855C161.052 176.757 161.059 176.609 161.069 176.416C161.088 176.028 161.117 175.456 161.155 174.719C161.232 173.247 161.348 171.119 161.501 168.504C161.809 163.272 162.269 156.101 162.878 148.336C164.111 132.635 165.919 115.049 168.212 105.907L179.535 60.7673C180.926 55.4337 179.063 50.1745 175.982 46.5093C172.901 42.8439 168.049 40.108 162.565 40.4957C156.863 40.835 151.629 44.363 149.006 49.3531L149.709 35.2371C150.011 30.3856 147.864 25.9618 144.776 22.9009C141.68 19.831 137.227 17.7207 132.367 18.0297C126.168 18.4127 120.645 22.6198 118.276 28.2231C115.622 22.0252 109.061 17.5994 102.163 18.0293Z" stroke="#0000FF" stroke-width="10"/>
<path d="M84.5545 24.1291C88.0471 17.9437 94.5317 13.4843 101.856 13.0387C108.056 12.6536 114.005 15.2011 118.25 19.4519C121.871 15.7827 126.761 13.3676 132.055 13.0395C138.57 12.6266 144.365 15.4513 148.297 19.3503C152.211 23.2313 155.097 28.9918 154.701 35.5155L154.604 37.4769C156.98 36.3586 159.567 35.669 162.24 35.5062C169.628 34.9937 175.929 38.6754 179.81 43.2922C183.689 47.9078 186.254 54.7838 184.379 62.0062L173.062 107.123C170.889 115.785 169.103 132.94 167.863 148.727C167.257 156.451 166.799 163.588 166.493 168.797C166.34 171.4 166.225 173.517 166.148 174.98V187H89.3032C79.5501 187.056 71.9391 181.177 66.398 175.28C60.7052 169.22 55.4336 161.224 50.5444 153.513C49.5174 151.894 48.503 150.28 47.4955 148.677C43.5175 142.347 39.6461 136.186 35.5244 130.519C30.3482 123.402 25.3896 117.953 20.4372 114.638L14.0511 110.363C14.0511 110.363 14.6566 106 16.5 102.5C17.3815 100.826 18.8563 98.2712 20.0275 96.7092C22.3593 93.5992 26.3508 89.7523 32.5232 87.9524C40.5155 85.6217 49.6366 87.2818 60.1457 93.6527L52.0172 45.2963C50.937 39.0404 53.0037 33.1315 56.3124 28.859C59.6297 24.5753 64.8316 21.1093 71.1357 20.5475L71.219 20.5401L71.3024 20.5341C76.0549 20.1906 80.7034 21.5633 84.5545 24.1291Z" fill="#0000FF"/>
</g>
<path d="M102.47 23.0199C96.5341 23.3771 91.4668 29.0707 91.8487 34.9544L94.917 88.0752C95.0704 90.7283 92.6616 91.2727 92.3208 89.2452L84.0602 40.1027C83.2487 34.5445 77.6725 30.0998 72.0232 30.5081C65.8075 31.062 60.8099 37.5158 61.8744 43.613L73.2033 111.008C73.2418 111.959 73.3989 112.905 73.6753 113.816C73.232 115.598 72.9676 116.859 72.9676 116.859C35.2047 79.4167 26 106.328 26 106.328C51.6615 123.506 67.2269 177.141 89.2529 177L156.046 176.766C156.046 176.766 158.535 123.934 163.362 104.69L174.691 59.5259C176.504 52.6411 170.047 44.9587 162.89 45.4852C158.049 45.7601 153.609 49.4619 152.505 54.1436L142.829 92.2876C142.304 94.3577 141.8 93.5276 141.885 91.8195L144.717 34.9546C145.131 28.6028 139.086 22.6096 132.68 23.0199C127.142 23.3595 122.28 28.2876 122.059 33.7845L119.463 85.7351C119.331 88.375 117.499 88.4266 117.339 85.5015L114.507 33.7847C114.267 27.8197 108.478 22.6427 102.47 23.0199Z" fill="#00FF00"/>
<defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before After
Before After

9
packages/round/svg/hand2.svg
View file

@ -1,16 +1,15 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M94.2609 177L164.007 176.548L171.902 97.3022C173.558 81.2395 153.722 74.5558 148.216 89.3776C148.285 71.5656 130.029 69.3368 124.529 81.4528C125.218 66.7366 106.589 61.0408 100.843 73.5283V41.8304C100.843 18.0565 77.1568 18.0565 77.1568 41.8304V113.152C37.6796 73.5286 28 102 28 102C54.8264 120.179 71.235 177.149 94.2609 177Z" fill="#0000FF"/>
<path d="M164.039 181.548L168.536 181.519L168.982 177.044L176.876 97.815C176.876 97.8108 176.877 97.8067 176.877 97.8025C177.94 87.442 171.982 79.5846 164.336 77.0181C160.539 75.7438 156.263 75.7664 152.373 77.5663C151.838 77.8138 151.318 78.0912 150.815 78.3978C148.425 73.6644 144.426 70.4919 139.637 69.3326C135.409 68.309 130.95 68.9918 127.184 71.2195C124.826 66.9494 120.942 63.9171 116.631 62.5296C113.163 61.4133 109.341 61.3605 105.843 62.5542V41.8304C105.843 28.629 98.9356 19 88.9999 19C79.0642 19 72.1568 28.629 72.1568 41.8304V101.666C56.6031 88.3669 45.0445 85.365 36.3624 87.9209C31.3462 89.3976 28.0742 92.5548 26.1168 95.1874C25.1346 96.5085 24.4475 97.7425 23.9986 98.6635C23.7728 99.1267 23.6033 99.5188 23.484 99.8135C23.4242 99.9611 23.3767 100.085 23.3407 100.182C23.3227 100.231 23.3075 100.273 23.2951 100.308L23.2786 100.355L23.2718 100.374L23.2688 100.383C23.2674 100.387 23.2661 100.391 28 102L23.2661 100.391L22.0389 104.001L25.1951 106.14C31.1703 110.189 36.8154 116.59 42.3716 124.326C46.8117 130.508 50.9987 137.252 55.1811 143.989C56.2259 145.672 57.2704 147.354 58.3184 149.027C63.4666 157.246 68.741 165.304 74.2994 171.3C79.7747 177.206 86.3805 182.051 94.2933 182L164.039 181.548Z" stroke="#0000FF" stroke-width="10"/>
<path d="M94.3257 186.999C84.2566 187.065 76.3878 180.907 70.6328 174.699C64.7114 168.312 59.2107 159.87 54.0812 151.682C53.0078 149.968 51.9465 148.259 50.8915 146.56L50.8897 146.557C46.7165 139.836 42.6427 133.274 38.3106 127.243C32.8687 119.666 27.634 113.832 22.3902 110.279L16.0778 106.001L18.5322 98.7816L18.6524 98.4444C18.7048 98.3029 18.7703 98.1325 18.8496 97.9367C19.0078 97.5461 19.2234 97.0485 19.5042 96.4726C20.0603 95.3317 20.902 93.8212 22.1044 92.2041C24.4949 88.9889 28.5954 84.9952 34.9504 83.1244C44.0843 80.4355 54.6923 82.8395 67.1568 91.4706V41.8304C67.1568 27.3146 75.0501 14 88.9999 14C102.95 14 110.843 27.3146 110.843 41.8304V56.6878C113.339 56.6446 115.825 57.0174 118.163 57.7701C122.251 59.0859 126.023 61.5651 128.915 64.9696C132.716 63.7105 136.828 63.5082 140.814 64.4729C145.637 65.6406 149.706 68.3139 152.694 72.0896C157.158 70.6764 161.806 70.8946 165.927 72.278C175.782 75.5857 183.153 85.6179 181.851 98.3126L181.849 98.3278L173.066 186.489L94.3257 186.999Z" fill="#0000FF"/>
</g>
<path d="M94.2609 177L164.007 176.548L171.902 97.3022C173.558 81.2395 153.722 74.5558 148.216 89.3776C148.285 71.5656 130.029 69.3368 124.529 81.4528C125.218 66.7366 106.589 61.0408 100.843 73.5283V41.8304C100.843 18.0565 77.1568 18.0565 77.1568 41.8304V113.152C37.6796 73.5286 28 102 28 102C54.8264 120.179 71.235 177.149 94.2609 177Z" fill="#00FF00"/>
<defs>
<filter id="filter0_d" x="12.0778" y="14" width="173.923" height="181" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d" x="11.0778" y="13" width="175.923" height="183" 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"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<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"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

11
packages/round/svg/zoom_in.svg
View file

@ -4,9 +4,7 @@
<path d="M128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z" stroke="#0000FF" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
<path d="M96.25 64C96.25 61.2386 94.0114 59 91.25 59C88.4886 59 86.25 61.2386 86.25 64V85.25H65C62.2386 85.25 60 87.4886 60 90.25C60 93.0114 62.2386 95.25 65 95.25H86.25V116.5C86.25 119.261 88.4886 121.5 91.25 121.5C94.0114 121.5 96.25 119.261 96.25 116.5V95.25H117.5C120.261 95.25 122.5 93.0114 122.5 90.25C122.5 87.4886 120.261 85.25 117.5 85.25H96.25V64Z" fill="#00FF00"/>
</g>
<defs>
<filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
@ -17,14 +15,5 @@
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="55" y="58" width="72.5" height="72.5" 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"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

11
packages/round/svg/zoom_out.svg
View file

@ -4,9 +4,7 @@
<path d="M128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z" stroke="#0000FF" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M140 90.5C140 117.286 118.286 139 91.5 139C64.7142 139 43 117.286 43 90.5C43 63.7142 64.7142 42 91.5 42C118.286 42 140 63.7142 140 90.5ZM128.883 135.499C118.746 143.93 105.715 149 91.5 149C59.1913 149 33 122.809 33 90.5C33 58.1913 59.1913 32 91.5 32C123.809 32 150 58.1913 150 90.5C150 104.993 144.73 118.255 136.001 128.474L166.062 158.991C168 160.958 167.976 164.124 166.009 166.062C164.042 168 160.876 167.976 158.938 166.009L128.883 135.499Z" fill="#00FF00"/>
<g filter="url(#filter1_d)">
<path d="M67 91L118 91" stroke="#00FF00" stroke-width="10" stroke-linecap="round"/>
</g>
<defs>
<filter id="filter0_d" x="19" y="22" width="162.5" height="163.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
@ -17,14 +15,5 @@
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="57" y="85" width="71" height="20" 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"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After