mirrors/Bibata_Cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/Bibata_Cursor.git synced 2025-06-03 08:28:45 -04:00
Code Issues Projects Releases Packages Wiki Activity

feat: Action Pointer Cursors are Re-designed

Browse source
This commit is contained in:
Abdulkaiz Khatri 2023-09-12 17:03:33 +05:30
parent e3f6caf4d3
commit 611c46facc
16 changed files with 178 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

22
svg/modern/circle.svg
View file

@ -1,14 +1,24 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.8799 160.73L42.8799 49.111C42.8799 43.1848 43.5332 37.2848 45.5984 32.1998C47.7874 26.8101 52.1022 21.2746 59.4503 19.2723C66.1083 17.458 72.2948 19.414 76.6598 21.5595C81.1909 23.7866 85.6239 27.1216 89.8375 30.9239L173.915 104.568L173.938 104.588C180.739 110.6 183.448 119.794 183.665 127.025C183.861 133.575 181.914 145.882 170.171 150.737C165.644 152.608 160.228 152.797 156.879 152.879C154.879 152.927 152.724 152.929 150.636 152.93L150.571 152.931C148.409 152.932 146.244 152.934 144.009 152.976C134.83 153.147 126.169 154.012 119.16 157.136C112.222 160.229 105.989 166.021 99.8257 172.742C98.7649 173.899 97.5065 175.31 96.2238 176.749C94.4277 178.763 92.5839 180.831 91.1683 182.328C88.7918 184.842 84.9209 188.804 80.2119 190.903C74.0047 193.67 67.9104 192.736 63.4181 190.86C59.0642 189.041 55.5008 186.108 52.8241 183.234C47.8436 177.886 43.0088 169.479 42.8814 160.829L42.8799 160.73Z" fill="#0000FF"/>
<path d="M56.3198 49.1109C56.3198 28.5549 65.8952 27.3914 80.9045 40.9661L165.036 114.658C171.384 120.269 172.541 135.214 165.036 138.316C157.531 141.419 132.916 136.29 113.688 144.861C94.4604 153.432 82.5173 175.161 74.7397 178.628C66.9621 182.095 56.4434 169.018 56.3198 160.631L56.3198 49.1109Z" fill="#00FF00"/>
<g filter="url(#filter0_d_2651_806)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.48 171.52C196.48 210.047 165.247 241.28 126.72 241.28C88.1926 241.28 56.96 210.047 56.96 171.52C56.96 132.993 88.1926 101.76 126.72 101.76C165.247 101.76 196.48 132.993 196.48 171.52Z" fill="#0000FF"/>
<path d="M183.04 171.52C183.04 202.625 157.825 227.84 126.72 227.84C95.6152 227.84 70.3999 202.625 70.3999 171.52C70.3999 140.415 95.6152 115.2 126.72 115.2C157.825 115.2 183.04 140.415 183.04 171.52Z" fill="#FE0000"/>
<path d="M127.36 142.08C119.047 142.08 111.074 145.246 105.194 150.883C99.3131 156.52 96.0061 164.166 96 172.141C95.9973 175.948 96.748 179.721 98.2123 183.26L150.802 152.203C147.862 149.022 144.253 146.476 140.212 144.731C136.171 142.986 131.791 142.083 127.36 142.08ZM156.508 160.983L103.879 192.041C106.816 195.24 110.429 197.803 114.477 199.561C118.525 201.32 122.916 202.233 127.36 202.24C131.48 202.24 135.559 201.461 139.365 199.948C143.171 198.436 146.629 196.218 149.541 193.423C152.453 190.628 154.763 187.31 156.338 183.658C157.913 180.006 158.722 176.093 158.72 172.141C158.728 168.321 157.977 164.534 156.508 160.983Z" fill="white"/>
<path d="M39.6813 201.118L39.6797 201.01V54.0094C39.6797 46.3847 40.5169 39.0584 42.9989 32.8737C45.6064 26.3765 50.6632 19.8579 59.238 17.4932C67.065 15.3348 74.4518 17.6379 79.8666 20.3314C85.4697 23.1186 91.0374 27.3403 96.4249 32.2619L205.838 129.251L205.888 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.971 187.881 177.242 187.883L177.174 187.883C174.363 187.885 171.523 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.773 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8238 225.474 97.9862 227.441C94.8726 230.773 90.1675 235.601 84.5776 238.122C77.2998 241.406 70.1049 240.319 64.7138 238.04C59.4843 235.83 55.1487 232.237 51.8473 228.649C45.6385 221.902 39.8324 211.498 39.6813 201.118Z" fill="#0000FF"/>
</g>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2651_806)">
<rect x="115.5" y="29.5" width="111" height="111" rx="47.5" fill="#FE0000" stroke="#0000FF" stroke-width="15"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.385 85L143 65.6154L151.615 57L171 76.3846L190.385 57L199 65.6154L179.615 85L199 104.385L190.385 113L171 93.6154L151.615 113L143 104.385L162.385 85Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_2651_806" x="51.84" y="101.76" width="149.76" height="149.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2651_806" x="33.2797" y="15.36" width="190.72" height="236.35" 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="5.12"/>
<feGaussianBlur stdDeviation="3.2"/>
<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_2651_806"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2651_806" result="shape"/>
</filter>
<filter id="filter1_d_2651_806" x="102.88" y="22" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

22
svg/modern/context-menu.svg
View file

@ -1,14 +1,24 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.8799 160.73L42.8799 49.111C42.8799 43.1848 43.5332 37.2848 45.5984 32.1998C47.7874 26.8101 52.1022 21.2746 59.4503 19.2723C66.1083 17.458 72.2948 19.414 76.6598 21.5595C81.1909 23.7866 85.6239 27.1216 89.8375 30.9239L173.915 104.568L173.938 104.588C180.739 110.6 183.448 119.794 183.665 127.025C183.861 133.575 181.914 145.882 170.171 150.737C165.644 152.608 160.228 152.797 156.879 152.879C154.879 152.927 152.724 152.929 150.636 152.93L150.571 152.931C148.409 152.932 146.244 152.934 144.009 152.976C134.83 153.147 126.169 154.012 119.16 157.136C112.222 160.229 105.989 166.021 99.8257 172.742C98.7649 173.899 97.5065 175.31 96.2238 176.749C94.4277 178.763 92.5839 180.831 91.1683 182.328C88.7918 184.842 84.9209 188.804 80.2119 190.903C74.0047 193.67 67.9104 192.736 63.4181 190.86C59.0642 189.041 55.5008 186.108 52.8241 183.234C47.8436 177.886 43.0088 169.479 42.8814 160.829L42.8799 160.73Z" fill="#0000FF"/>
<path d="M56.3201 49.1109C56.32 28.5549 65.8955 27.3914 80.9048 40.9661L165.036 114.658C171.384 120.269 172.541 135.214 165.036 138.316C157.532 141.419 132.916 136.29 113.688 144.861C94.4606 153.432 82.5176 175.161 74.7399 178.628C66.9623 182.095 56.4437 169.018 56.3201 160.631L56.3201 49.1109Z" fill="#00FF00"/>
<g filter="url(#filter0_d_2651_820)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.48 171.52C196.48 210.047 165.247 241.28 126.72 241.28C88.1926 241.28 56.96 210.047 56.96 171.52C56.96 132.993 88.1926 101.76 126.72 101.76C165.247 101.76 196.48 132.993 196.48 171.52Z" fill="#0000FF"/>
<path d="M183.04 171.52C183.04 202.625 157.825 227.84 126.72 227.84C95.6152 227.84 70.3999 202.625 70.3999 171.52C70.3999 140.415 95.6152 115.2 126.72 115.2C157.825 115.2 183.04 140.415 183.04 171.52Z" fill="#5F3BE4"/>
<path d="M127.36 139.52C133.183 139.52 137.92 144.122 137.92 149.778C137.92 155.435 133.183 160.037 127.36 160.037C121.537 160.037 116.8 155.435 116.8 149.778C116.8 144.122 121.537 139.52 127.36 139.52ZM140.8 204.8H113.92V199.205H119.68V171.227H113.92V165.632H135.04V199.205H140.8V204.8Z" fill="white"/>
<path d="M39.6815 201.118L39.6799 201.01V54.0094C39.6799 46.3847 40.5171 39.0584 42.9991 32.8737C45.6066 26.3765 50.6635 19.8579 59.2382 17.4932C67.0653 15.3348 74.452 17.6379 79.8669 20.3314C85.4699 23.1186 91.0376 27.3403 96.4251 32.2619L205.838 129.251L205.889 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.972 187.881 177.242 187.883L177.175 187.883C174.363 187.885 171.524 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.774 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8241 225.474 97.9865 227.441C94.8729 230.773 90.1677 235.601 84.5778 238.122C77.3 241.406 70.1052 240.319 64.7141 238.04C59.4846 235.83 55.149 232.237 51.8475 228.649C45.6387 221.902 39.8327 211.498 39.6815 201.118Z" fill="#0000FF"/>
</g>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2651_820)">
<rect x="116.5" y="27.5" width="111" height="111" rx="47.5" fill="#5F3BE4" stroke="#0000FF" stroke-width="15"/>
<path d="M171.411 48.2548C177.527 48.2548 182.503 53.0704 182.503 58.9895C182.503 64.9087 177.527 69.7243 171.411 69.7243C165.294 69.7243 160.318 64.9087 160.318 58.9895C160.318 53.0704 165.294 48.2548 171.411 48.2548ZM185.529 116.567H157.293V110.712H163.343V81.4349H157.293V75.5796H179.478V110.712H185.529V116.567Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_2651_820" x="51.84" y="101.76" width="149.76" height="149.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2651_820" x="33.2799" y="15.36" width="190.72" height="236.35" 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="5.12"/>
<feGaussianBlur stdDeviation="3.2"/>
<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_2651_820"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2651_820" result="shape"/>
</filter>
<filter id="filter1_d_2651_820" x="103.88" y="20" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Before After
Before After

14
svg/modern/copy.svg
View file

@ -1,17 +1,15 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<g filter="url(#filter0_d_2651_799)">
<path d="M44.801 156.07L44.7998 155.988V44.884C44.7998 39.1212 45.4322 33.5839 47.3071 28.9095C49.2768 23.9989 53.0967 19.0721 59.5741 17.2849C65.4866 15.6535 71.0665 17.3942 75.1569 19.43C79.3893 21.5366 83.5952 24.7273 87.6649 28.4471L170.315 101.752L170.353 101.786C176.472 107.264 178.988 115.748 179.188 122.52C179.37 128.691 177.553 139.698 167.209 144.029C163.135 145.734 158.159 145.933 154.819 146.015C152.875 146.063 150.776 146.065 148.714 146.066L148.663 146.066C146.539 146.068 144.394 146.07 142.177 146.112C133.111 146.283 124.271 147.143 117.008 150.421C109.793 153.678 103.43 159.714 97.3341 166.445C96.2375 167.656 94.9826 169.081 93.7194 170.516C91.9848 172.487 90.2324 174.478 88.8443 175.964C86.4923 178.483 82.9381 182.132 78.7155 184.038C73.2178 186.519 67.7829 185.698 63.7105 183.975C59.7601 182.305 56.485 179.59 53.9911 176.878C49.3011 171.778 44.9152 163.915 44.801 156.07Z" fill="#0000FF"/>
<path d="M39.6813 201.118L39.6797 201.01V54.0094C39.6797 46.3847 40.5169 39.0584 42.9989 32.8737C45.6064 26.3765 50.6632 19.8579 59.238 17.4932C67.065 15.3348 74.4518 17.6379 79.8666 20.3314C85.4697 23.1186 91.0374 27.3403 96.4249 32.2619L205.838 129.251L205.888 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.971 187.881 177.242 187.883L177.174 187.883C174.363 187.885 171.523 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.773 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8238 225.474 97.9862 227.441C94.8726 230.773 90.1675 235.601 84.5776 238.122C77.2998 241.406 70.1049 240.319 64.7138 238.04C59.4843 235.83 55.1487 232.237 51.8473 228.649C45.6385 221.902 39.8324 211.498 39.6813 201.118Z" fill="#0000FF"/>
</g>
<path d="M55.04 43.9909C55.04 23.4349 64.6154 22.2714 79.6248 35.8461L163.756 109.538C170.104 115.149 171.261 130.094 163.756 133.196C156.252 136.299 131.636 131.17 112.408 139.741C93.1806 148.312 81.2375 170.041 73.4599 173.508C65.6823 176.975 55.1636 163.898 55.04 155.511L55.04 43.9909Z" fill="#00FF00"/>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2651_799)">
<path d="M192 166.4C192 203.16 162.2 232.96 125.44 232.96C88.6798 232.96 58.8799 203.16 58.8799 166.4C58.8799 129.64 88.6798 99.84 125.44 99.84C162.2 99.84 192 129.64 192 166.4Z" fill="#0000FF"/>
<path d="M181.76 166.4C181.76 197.505 156.545 222.72 125.44 222.72C94.3354 222.72 69.1201 197.505 69.1201 166.4C69.1201 135.295 94.3354 110.08 125.44 110.08C156.545 110.08 181.76 135.295 181.76 166.4Z" fill="#06B231"/>
<path d="M155.287 160.116H95.5926C92.9912 160.116 90.8799 162.228 90.8799 164.829V167.971C90.8799 170.572 92.9912 172.684 95.5926 172.684H155.287C157.889 172.684 160 170.572 160 167.971V164.829C160 162.228 157.889 160.116 155.287 160.116Z" fill="white"/>
<path d="M119.156 136.553V196.247C119.156 198.849 121.268 200.96 123.869 200.96H127.011C129.612 200.96 131.723 198.849 131.723 196.247V136.553C131.723 133.951 129.612 131.84 127.011 131.84H123.869C121.268 131.84 119.156 133.951 119.156 136.553Z" fill="white"/>
<rect x="115.5" y="29.5" width="111" height="111" rx="47.5" fill="#06B231" stroke="#0000FF" stroke-width="15"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M164.414 90.598L143.092 90.598C139.727 90.598 137 87.8705 137 84.506C137 81.1415 139.727 78.414 143.092 78.414H164.414V57.092C164.414 53.7275 167.141 51 170.506 51C173.87 51 176.598 53.7275 176.598 57.092V78.414H197.92C201.284 78.414 204.012 81.1415 204.012 84.506C204.012 87.8705 201.284 90.598 197.92 90.598H176.598L176.598 111.92C176.598 115.284 173.87 118.012 170.506 118.012C167.141 118.012 164.414 115.284 164.414 111.92V90.598Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_2651_799" x="38.3998" y="15.36" width="147.2" height="181.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2651_799" x="33.2797" y="15.36" width="190.72" height="236.35" 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="5.12"/>
@ -20,7 +18,7 @@
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2651_799"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2651_799" result="shape"/>
</filter>
<filter id="filter1_d_2651_799" x="53.7599" y="99.84" width="143.36" height="143.36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter1_d_2651_799" x="102.88" y="22" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Before After
Before After

24
svg/modern/left_ptr_watch.svg
View file

@ -1,12 +1,13 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.8799 160.73L42.8799 49.111C42.8799 43.1848 43.5332 37.2848 45.5984 32.1998C47.7874 26.8101 52.1022 21.2746 59.4503 19.2723C66.1083 17.458 72.2948 19.414 76.6598 21.5595C81.1909 23.7866 85.6239 27.1216 89.8375 30.9239L173.915 104.568L173.938 104.588C180.739 110.6 183.448 119.794 183.665 127.025C183.861 133.575 181.914 145.882 170.171 150.737C165.644 152.608 160.228 152.797 156.879 152.879C154.879 152.927 152.724 152.929 150.636 152.93L150.571 152.931C148.409 152.932 146.244 152.934 144.009 152.976C134.83 153.147 126.169 154.012 119.16 157.136C112.222 160.229 105.989 166.021 99.8257 172.742C98.7649 173.899 97.5065 175.31 96.2238 176.749C94.4277 178.763 92.5839 180.831 91.1683 182.328C88.7918 184.842 84.9209 188.804 80.2119 190.903C74.0047 193.67 67.9104 192.736 63.4181 190.86C59.0642 189.041 55.5008 186.108 52.8241 183.234C47.8436 177.886 43.0088 169.479 42.8814 160.829L42.8799 160.73Z" fill="#0000FF"/>
<path d="M56.3201 49.1109C56.32 28.5549 65.8955 27.3914 80.9048 40.9661L165.036 114.658C171.384 120.269 172.541 135.214 165.036 138.316C157.532 141.419 132.916 136.29 113.688 144.861C94.4606 153.432 82.5176 175.161 74.7399 178.628C66.9623 182.095 56.4437 169.018 56.3201 160.631L56.3201 49.1109Z" fill="#00FF00"/>
<g filter="url(#filter0_d_2653_9)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.48 171.52C196.48 210.047 165.247 241.28 126.72 241.28C88.1926 241.28 56.96 210.047 56.96 171.52C56.96 132.993 88.1926 101.76 126.72 101.76C165.247 101.76 196.48 132.993 196.48 171.52Z" fill="#0000FF"/>
<path d="M183.04 171.52C183.04 202.625 157.825 227.84 126.72 227.84C95.6152 227.84 70.3999 202.625 70.3999 171.52C70.3999 140.415 95.6152 115.2 126.72 115.2C157.825 115.2 183.04 140.415 183.04 171.52Z" fill="#FF0000"/>
<g transform="translate(127 171)">
<g transform="scale(0.9)">
<path d="M39.6815 201.118L39.6799 201.01V54.0094C39.6799 46.3847 40.5171 39.0584 42.9991 32.8737C45.6066 26.3765 50.6635 19.8579 59.2382 17.4932C67.0653 15.3348 74.452 17.6379 79.8669 20.3314C85.4699 23.1186 91.0376 27.3403 96.4251 32.2619L205.838 129.251L205.889 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.972 187.881 177.242 187.883L177.175 187.883C174.363 187.885 171.524 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.774 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8241 225.474 97.9865 227.441C94.8729 230.773 90.1677 235.601 84.5778 238.122C77.3 241.406 70.1052 240.319 64.7141 238.04C59.4846 235.83 55.149 232.237 51.8475 228.649C45.6387 221.902 39.8327 211.498 39.6815 201.118Z" fill="#0000FF"/>
</g>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2653_9)">
<rect x="116.5" y="27.5" width="111" height="111" rx="47.5" fill="#FF0000" stroke="#0000FF" stroke-width="15"/>
<g transform="translate(172 83)">
<g transform="scale(0.8)">
<g transform="translate(-50 -50)">
<g transform="rotate(0 50 50)">
<animateTransform attributeName="transform" type="rotate" repeatCount="4" values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7575757575757576s"/>
@ -29,7 +30,16 @@
</g>
</g>
<defs>
<filter id="filter0_d_2653_9" x="51.84" y="101.76" width="149.76" height="149.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2653_9" x="33.2799" y="15.36" width="190.72" height="236.35" 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="5.12"/>
<feGaussianBlur stdDeviation="3.2"/>
<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_2653_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2653_9" result="shape"/>
</filter>
<filter id="filter1_d_2653_9" x="103.88" y="20" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Before After
Before After

22
svg/modern/link.svg
View file

@ -1,14 +1,24 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.8799 160.73L42.8799 49.111C42.8799 43.1848 43.5332 37.2848 45.5984 32.1998C47.7874 26.8101 52.1022 21.2746 59.4503 19.2723C66.1083 17.458 72.2948 19.414 76.6598 21.5595C81.1909 23.7866 85.6239 27.1216 89.8375 30.9239L173.915 104.568L173.938 104.588C180.739 110.6 183.448 119.794 183.665 127.025C183.861 133.575 181.914 145.882 170.171 150.737C165.644 152.608 160.228 152.797 156.879 152.879C154.879 152.927 152.724 152.929 150.636 152.93L150.571 152.931C148.409 152.932 146.244 152.934 144.009 152.976C134.83 153.147 126.169 154.012 119.16 157.136C112.222 160.229 105.989 166.021 99.8257 172.742C98.7649 173.899 97.5065 175.31 96.2238 176.749C94.4277 178.763 92.5839 180.831 91.1683 182.328C88.7918 184.842 84.9209 188.804 80.2119 190.903C74.0047 193.67 67.9104 192.736 63.4181 190.86C59.0642 189.041 55.5008 186.108 52.8241 183.234C47.8436 177.886 43.0088 169.479 42.8814 160.829L42.8799 160.73Z" fill="#0000FF"/>
<path d="M56.3201 49.1109C56.32 28.5549 65.8955 27.3914 80.9048 40.9661L165.036 114.658C171.384 120.269 172.541 135.214 165.036 138.316C157.532 141.419 132.916 136.29 113.688 144.861C94.4606 153.432 82.5176 175.161 74.7399 178.628C66.9623 182.095 56.4437 169.018 56.3201 160.631L56.3201 49.1109Z" fill="#00FF00"/>
<g filter="url(#filter0_d_2651_813)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.48 171.52C196.48 210.047 165.247 241.28 126.72 241.28C88.1926 241.28 56.96 210.047 56.96 171.52C56.96 132.993 88.1926 101.76 126.72 101.76C165.247 101.76 196.48 132.993 196.48 171.52Z" fill="#0000FF"/>
<path d="M183.04 171.52C183.04 202.625 157.825 227.84 126.72 227.84C95.6152 227.84 70.3999 202.625 70.3999 171.52C70.3999 140.415 95.6152 115.2 126.72 115.2C157.825 115.2 183.04 140.415 183.04 171.52Z" fill="#606060"/>
<path d="M113.76 149.76C101.794 149.76 92.1602 159.394 92.1602 171.36C92.1602 183.326 101.794 192.96 113.76 192.96H122.4V184.32H113.76C106.589 184.32 100.8 178.574 100.8 171.36C100.8 164.189 106.589 158.4 113.76 158.4H122.4V149.76H113.76ZM131.04 149.76V158.4H139.68C146.851 158.4 152.64 164.189 152.64 171.36C152.64 178.574 146.851 184.32 139.68 184.32H131.04V192.96H139.68C151.647 192.96 161.28 183.326 161.28 171.36C161.28 159.394 151.647 149.76 139.68 149.76H131.04ZM113.76 167.04V175.68H139.68V167.04H113.76Z" fill="white"/>
<path d="M39.6815 201.118L39.6799 201.01V54.0094C39.6799 46.3847 40.5171 39.0584 42.9991 32.8737C45.6066 26.3765 50.6635 19.8579 59.2382 17.4932C67.0653 15.3348 74.452 17.6379 79.8669 20.3314C85.4699 23.1186 91.0376 27.3403 96.4251 32.2619L205.838 129.251L205.889 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.972 187.881 177.242 187.883L177.175 187.883C174.363 187.885 171.524 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.774 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8241 225.474 97.9865 227.441C94.8729 230.773 90.1677 235.601 84.5778 238.122C77.3 241.406 70.1052 240.319 64.7141 238.04C59.4846 235.83 55.149 232.237 51.8475 228.649C45.6387 221.902 39.8327 211.498 39.6815 201.118Z" fill="#0000FF"/>
</g>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2651_813)">
<rect x="116.5" y="27.5" width="111" height="111" rx="47.5" fill="#606060" stroke="#0000FF" stroke-width="15"/>
<path d="M158.6 61C146.634 61 137 70.6336 137 82.6C137 94.5664 146.634 104.2 158.6 104.2H167.24V95.56H158.6C151.429 95.56 145.64 89.8144 145.64 82.6C145.64 75.4288 151.429 69.64 158.6 69.64H167.24V61H158.6ZM175.88 61V69.64H184.52C191.691 69.64 197.48 75.4288 197.48 82.6C197.48 89.8144 191.691 95.56 184.52 95.56H175.88V104.2H184.52C196.486 104.2 206.12 94.5664 206.12 82.6C206.12 70.6336 196.486 61 184.52 61H175.88ZM158.6 78.28V86.92H184.52V78.28H158.6Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_2651_813" x="51.84" y="101.76" width="149.76" height="149.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2651_813" x="33.2799" y="15.36" width="190.72" height="236.35" 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="5.12"/>
<feGaussianBlur stdDeviation="3.2"/>
<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_2651_813"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2651_813" result="shape"/>
</filter>
<filter id="filter1_d_2651_813" x="103.88" y="20" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Before After
Before After

22
svg/modern/pointer-move.svg
View file

@ -1,14 +1,24 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.8799 160.73L42.8799 49.111C42.8799 43.1848 43.5332 37.2848 45.5984 32.1998C47.7874 26.8101 52.1022 21.2746 59.4503 19.2723C66.1083 17.458 72.2948 19.414 76.6598 21.5595C81.1909 23.7866 85.6239 27.1216 89.8375 30.9239L173.915 104.568L173.938 104.588C180.739 110.6 183.448 119.794 183.665 127.025C183.861 133.575 181.914 145.882 170.171 150.737C165.644 152.608 160.228 152.797 156.879 152.879C154.879 152.927 152.724 152.929 150.636 152.93L150.571 152.931C148.409 152.932 146.244 152.934 144.009 152.976C134.83 153.147 126.169 154.012 119.16 157.136C112.222 160.229 105.989 166.021 99.8257 172.742C98.7649 173.899 97.5065 175.31 96.2238 176.749C94.4277 178.763 92.5839 180.831 91.1683 182.328C88.7918 184.842 84.9209 188.804 80.2119 190.903C74.0047 193.67 67.9104 192.736 63.4181 190.86C59.0642 189.041 55.5008 186.108 52.8241 183.234C47.8436 177.886 43.0088 169.479 42.8814 160.829L42.8799 160.73Z" fill="#0000FF"/>
<path d="M56.3198 49.1109C56.3198 28.5549 65.8952 27.3914 80.9045 40.9661L165.036 114.658C171.384 120.269 172.541 135.214 165.036 138.316C157.531 141.419 132.916 136.29 113.688 144.861C94.4604 153.432 82.5173 175.161 74.7397 178.628C66.9621 182.095 56.4434 169.018 56.3198 160.631L56.3198 49.1109Z" fill="#00FF00"/>
<g filter="url(#filter0_d_2651_792)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.48 171.52C196.48 210.047 165.247 241.28 126.72 241.28C88.1926 241.28 56.96 210.047 56.96 171.52C56.96 132.993 88.1926 101.76 126.72 101.76C165.247 101.76 196.48 132.993 196.48 171.52Z" fill="#0000FF"/>
<path d="M183.04 171.52C183.04 202.625 157.825 227.84 126.72 227.84C95.6152 227.84 70.3999 202.625 70.3999 171.52C70.3999 140.415 95.6152 115.2 126.72 115.2C157.825 115.2 183.04 140.415 183.04 171.52Z" fill="#179DD8"/>
<path d="M126.08 156.16C134.902 156.16 142.08 163.338 142.08 172.16C142.08 180.983 134.902 188.16 126.08 188.16C117.258 188.16 110.08 180.983 110.08 172.16C110.08 163.338 117.258 156.16 126.08 156.16Z" fill="white"/>
<path d="M39.6813 201.118L39.6797 201.01V54.0094C39.6797 46.3847 40.5169 39.0584 42.9989 32.8737C45.6064 26.3765 50.6632 19.8579 59.238 17.4932C67.065 15.3348 74.4518 17.6379 79.8666 20.3314C85.4697 23.1186 91.0374 27.3403 96.4249 32.2619L205.838 129.251L205.888 129.296C213.989 136.544 217.319 147.769 217.584 156.728C217.826 164.894 215.419 179.458 201.726 185.187C196.333 187.444 189.745 187.706 185.325 187.815C182.751 187.879 179.971 187.881 177.242 187.883L177.174 187.883C174.363 187.885 171.523 187.887 168.589 187.943C156.587 188.169 144.885 189.307 135.27 193.645C125.719 197.954 117.295 205.94 109.225 214.846C107.773 216.448 106.112 218.334 104.44 220.233C102.144 222.84 99.8238 225.474 97.9862 227.441C94.8726 230.773 90.1675 235.601 84.5776 238.122C77.2998 241.406 70.1049 240.319 64.7138 238.04C59.4843 235.83 55.1487 232.237 51.8473 228.649C45.6385 221.902 39.8324 211.498 39.6813 201.118Z" fill="#0000FF"/>
</g>
<path d="M54.5068 54.0092C54.5068 26.9331 66.9694 25.4005 86.5042 43.281L196.003 140.346C204.265 147.738 205.77 167.422 196.003 171.509C186.235 175.596 154.198 168.84 129.173 180.13C104.147 191.42 88.6033 220.04 78.4806 224.607C68.3579 229.174 54.6677 211.949 54.5068 200.902L54.5068 54.0092Z" fill="#00FF00"/>
<g filter="url(#filter1_d_2651_792)">
<rect x="115.5" y="29.5" width="111" height="111" rx="47.5" fill="#179DD8" stroke="#0000FF" stroke-width="15"/>
</g>
<rect x="145" y="59" width="52" height="52" rx="20" fill="white"/>
<defs>
<filter id="filter0_d_2651_792" x="51.84" y="101.76" width="149.76" height="149.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_2651_792" x="33.2797" y="15.36" width="190.72" height="236.35" 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="5.12"/>
<feGaussianBlur stdDeviation="3.2"/>
<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_2651_792"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2651_792" result="shape"/>
</filter>
<filter id="filter1_d_2651_792" x="102.88" y="22" width="136.24" height="136.24" 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="5.12"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 3 KiB

Before After
Before After