design-and-ux/loading
Created with Sketch.
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Loading
Web Skills Flat Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.5 KB
1.55 KB
-72%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/loading</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/loading" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#000000" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="spinner-of-dots" transform="translate(12.000000, 11.000000)" fill="#000000" fill-rule="nonzero"> <path d="M11.0326208,35.554416 C9.78039135,35.554416 8.71627583,35.9925812 7.83983577,36.8689117 C6.96372459,37.7460095 6.52534013,38.8099057 6.52534013,40.0621352 C6.52534013,41.3144743 6.96339572,42.3783706 7.83983577,43.2554684 C8.7166047,44.1317988 9.78072022,44.5699641 11.0326208,44.5699641 C12.2638026,44.5699641 13.3225466,44.1317988 14.2095105,43.2554684 C15.0961455,42.3794669 15.5394631,41.3144743 15.5394631,40.0621352 C15.5394631,38.8099057 15.0962552,37.7467768 14.2095105,36.8689117 C13.322437,35.9933486 12.2638026,35.554416 11.0326208,35.554416 Z" id="Shape"> </path> <path d="M10.0311003,26.0401906 C10.0311003,24.6630999 9.54097358,23.4845374 8.56017193,22.5029684 C7.57947991,21.5222764 6.40036931,21.03204 5.02327863,21.03204 C3.64607833,21.03204 2.46718698,21.522386 1.48638533,22.5029684 C0.505802929,23.4837701 0.0155665401,24.6626614 0.0155665401,26.0401906 C0.0155665401,27.417062 0.505693305,28.5954052 1.48638533,29.5764261 C2.46718698,30.557447 3.64607833,31.047793 5.02327863,31.047793 C6.40036931,31.047793 7.57947991,30.557447 8.56017193,29.5764261 C9.54097358,28.596063 10.0311003,27.417062 10.0311003,26.0401906 Z" id="Shape"> </path> <path d="M39.0757428,14.5229241 C39.76374,14.5229241 40.3541723,14.2773675 40.8438606,13.7872407 C41.3342066,13.2966754 41.5798729,12.7070105 41.5798729,12.0185748 C41.5798729,11.3298102 41.3342066,10.7405838 40.8438606,10.2503474 C40.3538434,9.75978213 39.76374,9.51466394 39.0757428,9.51466394 C38.3869782,9.51466394 37.7972036,9.76022063 37.3068576,10.2503474 C36.8168405,10.7406934 36.5716127,11.3298102 36.5716127,12.0185748 C36.5716127,12.7073394 36.8168405,13.2966754 37.3068576,13.7872407 C37.7972036,14.277806 38.3869782,14.5229241 39.0757428,14.5229241 Z" id="Shape"> </path> <path d="M11.0329497,6.5103217 C9.50951163,6.5103217 8.21069215,7.04769621 7.13605276,8.12211634 C6.06130376,9.19653648 5.52425813,10.4954656 5.52425813,12.0185748 C5.52425813,13.5422321 6.06130376,14.8406131 7.13605276,15.9154717 C8.21102102,16.9902207 9.5098405,17.5274856 11.0329497,17.5274856 C12.5560589,17.5274856 13.854988,16.9898919 14.9294082,15.9154717 C16.0038283,14.8406131 16.5412028,13.5419033 16.5412028,12.0185748 C16.5412028,10.4954656 16.0038283,9.19653648 14.9294082,8.12211634 C13.854988,7.04769621 12.5560589,6.5103217 11.0329497,6.5103217 Z" id="Shape"> </path> <path d="M47.2130968,23.9116307 C46.6290227,23.3273373 45.9196489,23.0355195 45.0853042,23.0355195 C44.2501923,23.0355195 43.5408184,23.3273373 42.9567443,23.9116307 C42.3729991,24.495924 42.0811813,25.2055171 42.0811813,26.0406291 C42.0811813,26.8748641 42.3729991,27.5854437 42.9567443,28.1684216 C43.5411473,28.7529342 44.2501923,29.0447521 45.0853042,29.0447521 C45.9196489,29.0447521 46.6294612,28.7529342 47.2130968,28.1684216 C47.7976094,27.584786 48.0890984,26.8748641 48.0890984,26.0406291 C48.0890984,25.2059556 47.7980479,24.4962529 47.2130968,23.9116307 Z" id="Shape"> </path> <path d="M39.0757428,36.5564846 C38.1153311,36.5564846 37.2911815,36.9004832 36.6024169,37.5892478 C35.9144197,38.2772451 35.5699826,39.1018332 35.5699826,40.0622449 C35.5699826,41.0218892 35.9144197,41.8464773 36.6024169,42.5353515 C37.2911815,43.2240065 38.1154407,43.5676762 39.0757428,43.5676762 C40.0353871,43.5676762 40.8595367,43.2233487 41.5483013,42.5353515 C42.2370659,41.8465869 42.5811741,41.0223277 42.5811741,40.0622449 C42.5811741,39.1018332 42.2370659,38.278122 41.5483013,37.5892478 C40.8596464,36.9003736 40.0353871,36.5564846 39.0757428,36.5564846 Z" id="Shape"> </path> <path d="M25.054127,42.0644089 C23.9482449,42.0644089 23.0039479,42.4564226 22.2210167,43.2390249 C21.4388529,44.0216272 21.0474969,44.9653761 21.0474969,46.0713678 C21.0474969,47.1773595 21.4384144,48.121218 22.2210167,48.9037107 C23.0039479,49.6863131 23.9478064,50.0779979 25.054127,50.0779979 C26.1601187,50.0779979 27.1039772,49.6863131 27.8865796,48.9037107 C28.6691819,48.121218 29.0604282,47.1773595 29.0604282,46.0713678 C29.0604282,44.9653761 28.6691819,44.0216272 27.8865796,43.2390249 C27.1039772,42.4564226 26.1601187,42.0644089 25.054127,42.0644089 Z" id="Shape"> </path> <path d="M25.054127,0 C23.3851089,0 21.9655939,0.5839645 20.7970072,1.75244162 C19.6287493,2.92102836 19.0445655,4.34021447 19.0445655,6.00934221 C19.0445655,7.67857957 19.62853,9.09710794 20.7970072,10.2658043 C21.9655939,11.4340622 23.38478,12.0183555 25.054127,12.0183555 C26.7239125,12.0183555 28.1424409,11.434391 29.3105891,10.2658043 C30.4787373,9.09765606 31.0629211,7.67857957 31.0629211,6.00934221 C31.0629211,4.34032409 30.4787373,2.92146685 29.3105891,1.75244162 C28.1424409,0.58429337 26.7239125,0 25.054127,0 Z" id="Shape"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
design-and-ux/loading
Created with Sketch.
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
5.5 KB
1.55 KB
-72%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="UTF-8"?> <!-- License: MIT. Made by Andreas Mehlsen: https://github.com/andreasbm/web-skills/ --> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>design-and-ux/loading</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="design-and-ux/loading" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#000000" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="spinner-of-dots" transform="translate(12.000000, 11.000000)" fill="#000000" fill-rule="nonzero"> <path d="M11.0326208,35.554416 C9.78039135,35.554416 8.71627583,35.9925812 7.83983577,36.8689117 C6.96372459,37.7460095 6.52534013,38.8099057 6.52534013,40.0621352 C6.52534013,41.3144743 6.96339572,42.3783706 7.83983577,43.2554684 C8.7166047,44.1317988 9.78072022,44.5699641 11.0326208,44.5699641 C12.2638026,44.5699641 13.3225466,44.1317988 14.2095105,43.2554684 C15.0961455,42.3794669 15.5394631,41.3144743 15.5394631,40.0621352 C15.5394631,38.8099057 15.0962552,37.7467768 14.2095105,36.8689117 C13.322437,35.9933486 12.2638026,35.554416 11.0326208,35.554416 Z" id="Shape"> </path> <path d="M10.0311003,26.0401906 C10.0311003,24.6630999 9.54097358,23.4845374 8.56017193,22.5029684 C7.57947991,21.5222764 6.40036931,21.03204 5.02327863,21.03204 C3.64607833,21.03204 2.46718698,21.522386 1.48638533,22.5029684 C0.505802929,23.4837701 0.0155665401,24.6626614 0.0155665401,26.0401906 C0.0155665401,27.417062 0.505693305,28.5954052 1.48638533,29.5764261 C2.46718698,30.557447 3.64607833,31.047793 5.02327863,31.047793 C6.40036931,31.047793 7.57947991,30.557447 8.56017193,29.5764261 C9.54097358,28.596063 10.0311003,27.417062 10.0311003,26.0401906 Z" id="Shape"> </path> <path d="M39.0757428,14.5229241 C39.76374,14.5229241 40.3541723,14.2773675 40.8438606,13.7872407 C41.3342066,13.2966754 41.5798729,12.7070105 41.5798729,12.0185748 C41.5798729,11.3298102 41.3342066,10.7405838 40.8438606,10.2503474 C40.3538434,9.75978213 39.76374,9.51466394 39.0757428,9.51466394 C38.3869782,9.51466394 37.7972036,9.76022063 37.3068576,10.2503474 C36.8168405,10.7406934 36.5716127,11.3298102 36.5716127,12.0185748 C36.5716127,12.7073394 36.8168405,13.2966754 37.3068576,13.7872407 C37.7972036,14.277806 38.3869782,14.5229241 39.0757428,14.5229241 Z" id="Shape"> </path> <path d="M11.0329497,6.5103217 C9.50951163,6.5103217 8.21069215,7.04769621 7.13605276,8.12211634 C6.06130376,9.19653648 5.52425813,10.4954656 5.52425813,12.0185748 C5.52425813,13.5422321 6.06130376,14.8406131 7.13605276,15.9154717 C8.21102102,16.9902207 9.5098405,17.5274856 11.0329497,17.5274856 C12.5560589,17.5274856 13.854988,16.9898919 14.9294082,15.9154717 C16.0038283,14.8406131 16.5412028,13.5419033 16.5412028,12.0185748 C16.5412028,10.4954656 16.0038283,9.19653648 14.9294082,8.12211634 C13.854988,7.04769621 12.5560589,6.5103217 11.0329497,6.5103217 Z" id="Shape"> </path> <path d="M47.2130968,23.9116307 C46.6290227,23.3273373 45.9196489,23.0355195 45.0853042,23.0355195 C44.2501923,23.0355195 43.5408184,23.3273373 42.9567443,23.9116307 C42.3729991,24.495924 42.0811813,25.2055171 42.0811813,26.0406291 C42.0811813,26.8748641 42.3729991,27.5854437 42.9567443,28.1684216 C43.5411473,28.7529342 44.2501923,29.0447521 45.0853042,29.0447521 C45.9196489,29.0447521 46.6294612,28.7529342 47.2130968,28.1684216 C47.7976094,27.584786 48.0890984,26.8748641 48.0890984,26.0406291 C48.0890984,25.2059556 47.7980479,24.4962529 47.2130968,23.9116307 Z" id="Shape"> </path> <path d="M39.0757428,36.5564846 C38.1153311,36.5564846 37.2911815,36.9004832 36.6024169,37.5892478 C35.9144197,38.2772451 35.5699826,39.1018332 35.5699826,40.0622449 C35.5699826,41.0218892 35.9144197,41.8464773 36.6024169,42.5353515 C37.2911815,43.2240065 38.1154407,43.5676762 39.0757428,43.5676762 C40.0353871,43.5676762 40.8595367,43.2233487 41.5483013,42.5353515 C42.2370659,41.8465869 42.5811741,41.0223277 42.5811741,40.0622449 C42.5811741,39.1018332 42.2370659,38.278122 41.5483013,37.5892478 C40.8596464,36.9003736 40.0353871,36.5564846 39.0757428,36.5564846 Z" id="Shape"> </path> <path d="M25.054127,42.0644089 C23.9482449,42.0644089 23.0039479,42.4564226 22.2210167,43.2390249 C21.4388529,44.0216272 21.0474969,44.9653761 21.0474969,46.0713678 C21.0474969,47.1773595 21.4384144,48.121218 22.2210167,48.9037107 C23.0039479,49.6863131 23.9478064,50.0779979 25.054127,50.0779979 C26.1601187,50.0779979 27.1039772,49.6863131 27.8865796,48.9037107 C28.6691819,48.121218 29.0604282,47.1773595 29.0604282,46.0713678 C29.0604282,44.9653761 28.6691819,44.0216272 27.8865796,43.2390249 C27.1039772,42.4564226 26.1601187,42.0644089 25.054127,42.0644089 Z" id="Shape"> </path> <path d="M25.054127,0 C23.3851089,0 21.9655939,0.5839645 20.7970072,1.75244162 C19.6287493,2.92102836 19.0445655,4.34021447 19.0445655,6.00934221 C19.0445655,7.67857957 19.62853,9.09710794 20.7970072,10.2658043 C21.9655939,11.4340622 23.38478,12.0183555 25.054127,12.0183555 C26.7239125,12.0183555 28.1424409,11.434391 29.3105891,10.2658043 C30.4787373,9.09765606 31.0629211,7.67857957 31.0629211,6.00934221 C31.0629211,4.34032409 30.4787373,2.92146685 29.3105891,1.75244162 C28.1424409,0.58429337 26.7239125,0 25.054127,0 Z" id="Shape"> </path> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
design-and-ux/loading
Created with Sketch.
100%
Download SVG