Created
May 22, 2025 09:41
-
-
Save GeekBoySupreme/a8f9c0756782068de2ee3e62005e0133 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <g opacity="0.2"> | |
| <mask id="path-1-inside-1_2378_22" fill="white"> | |
| <path d="M23.2059 12.5C23.2059 18.3477 18.4654 23.0882 12.6177 23.0882C6.76993 23.0882 2.02942 18.3477 2.02942 12.5C2.02942 6.65226 6.76993 1.91174 12.6177 1.91174C18.4654 1.91174 23.2059 6.65226 23.2059 12.5ZM4.5706 12.5C4.5706 16.9442 8.17339 20.547 12.6177 20.547C17.0619 20.547 20.6647 16.9442 20.6647 12.5C20.6647 8.05571 17.0619 4.45292 12.6177 4.45292C8.17339 4.45292 4.5706 8.05571 4.5706 12.5Z"/> | |
| </mask> | |
| <path d="M23.2059 12.5C23.2059 18.3477 18.4654 23.0882 12.6177 23.0882C6.76993 23.0882 2.02942 18.3477 2.02942 12.5C2.02942 6.65226 6.76993 1.91174 12.6177 1.91174C18.4654 1.91174 23.2059 6.65226 23.2059 12.5ZM4.5706 12.5C4.5706 16.9442 8.17339 20.547 12.6177 20.547C17.0619 20.547 20.6647 16.9442 20.6647 12.5C20.6647 8.05571 17.0619 4.45292 12.6177 4.45292C8.17339 4.45292 4.5706 8.05571 4.5706 12.5Z" stroke="white" stroke-width="4.88688" mask="url(#path-1-inside-1_2378_22)"/> | |
| </g> | |
| <mask id="path-2-inside-2_2378_22" fill="white"> | |
| <path d="M21.9353 12.5C22.637 12.5 23.2138 11.9291 23.1297 11.2324C23.0146 10.2774 22.7696 9.34044 22.3999 8.44804C21.8678 7.16341 21.0879 5.99617 20.1047 5.01297C19.1215 4.02976 17.9542 3.24983 16.6696 2.71772C15.7772 2.34808 14.8403 2.10305 13.8852 1.98789C13.1885 1.90388 12.6177 2.48061 12.6177 3.18233V3.18233C12.6177 3.88406 13.19 4.44268 13.883 4.55302C14.5042 4.65194 15.1132 4.8236 15.6971 5.06547C16.6734 5.46987 17.5605 6.06261 18.3078 6.80985C19.055 7.55709 19.6478 8.44419 20.0522 9.4205C20.294 10.0044 20.4657 10.6134 20.5646 11.2347C20.675 11.9277 21.2336 12.5 21.9353 12.5V12.5Z"/> | |
| </mask> | |
| <path class="spinning-arc" d="M21.9353 12.5C22.637 12.5 23.2138 11.9291 23.1297 11.2324C23.0146 10.2774 22.7696 9.34044 22.3999 8.44804C21.8678 7.16341 21.0879 5.99617 20.1047 5.01297C19.1215 4.02976 17.9542 3.24983 16.6696 2.71772C15.7772 2.34808 14.8403 2.10305 13.8852 1.98789C13.1885 1.90388 12.6177 2.48061 12.6177 3.18233V3.18233C12.6177 3.88406 13.19 4.44268 13.883 4.55302C14.5042 4.65194 15.1132 4.8236 15.6971 5.06547C16.6734 5.46987 17.5605 6.06261 18.3078 6.80985C19.055 7.55709 19.6478 8.44419 20.0522 9.4205C20.294 10.0044 20.4657 10.6134 20.5646 11.2347C20.675 11.9277 21.2336 12.5 21.9353 12.5V12.5Z" stroke="#FFFFFF" stroke-width="4.88688" mask="url(#path-2-inside-2_2378_22)"/> | |
| <style> | |
| .spinning-arc { | |
| animation : spin-arc 0.3s linear infinite; | |
| } | |
| @keyframes spin-arc { | |
| 0% { | |
| transform: rotate(0deg); | |
| transform-origin: 50% 50%; | |
| } | |
| 25% { | |
| transform: rotate(90deg); | |
| transform-origin: 50% 50%; | |
| } | |
| 50% { | |
| transform: rotate(180deg); | |
| transform-origin: 50% 50%; | |
| } | |
| 75% { | |
| transform: rotate(270deg); | |
| transform-origin: 50% 50%; | |
| } | |
| 100% { | |
| transform: rotate(360deg); | |
| transform-origin: 50% 50%; | |
| } | |
| } | |
| </style> | |
| </svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment