n3r4zzurr0/svg-spinners
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add 8-dots-rotate.svg

Browse Source
This commit is contained in:
claviering
2022-06-25 18:03:36 +08:00
parent 8b9892e1b1
commit f3c385bef9
4 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

File diff suppressed because one or more lines are too long

1
preview/8-dots-rotate-black-36.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="36" height="36" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <g> <circle cx="12" cy="3" r="3"> </circle> <circle cx="18.36" cy="5.64" r="3"> </circle> <circle cx="21" cy="12" r="3"> </circle> <circle cx="18.36" cy="18.36" r="3"> </circle> <circle cx="12" cy="21" r="3"> </circle> <circle cx="5.64" cy="18.36" r="3"> </circle> <circle cx="3" cy="12" r="3"> </circle> <circle cx="5.64" cy="5.64" r="3"> </circle> <animateTransform attributeName="transform" type="rotate" dur="2s" values="0 12 12;360 12 12" repeatCount="indefinite" /> </g> </svg>
Side by Side

After

Width:  |  Height:  |  Size: 568 B

1
preview/8-dots-rotate-white-36.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="36" height="36" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <g> <circle cx="12" cy="3" r="3"> </circle> <circle cx="18.36" cy="5.64" r="3"> </circle> <circle cx="21" cy="12" r="3"> </circle> <circle cx="18.36" cy="18.36" r="3"> </circle> <circle cx="12" cy="21" r="3"> </circle> <circle cx="5.64" cy="18.36" r="3"> </circle> <circle cx="3" cy="12" r="3"> </circle> <circle cx="5.64" cy="5.64" r="3"> </circle> <animateTransform attributeName="transform" type="rotate" dur="2s" values="0 12 12;360 12 12" repeatCount="indefinite" /> </g> </svg>
Side by Side

After

Width:  |  Height:  |  Size: 580 B

1
svg/8-dots-rotate.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <g> <circle cx="12" cy="3" r="3"> </circle> <circle cx="18.36" cy="5.64" r="3"> </circle> <circle cx="21" cy="12" r="3"> </circle> <circle cx="18.36" cy="18.36" r="3"> </circle> <circle cx="12" cy="21" r="3"> </circle> <circle cx="5.64" cy="18.36" r="3"> </circle> <circle cx="3" cy="12" r="3"> </circle> <circle cx="5.64" cy="5.64" r="3"> </circle> <animateTransform attributeName="transform" type="rotate" dur="2s" values="0 12 12;360 12 12" repeatCount="indefinite" /> </g> </svg>
Side by Side

After

Width:  |  Height:  |  Size: 568 B