SVG
Viewer
Dark mode
Light mode
Hide sidebar
Toggles
System Ui Line Icons
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
620 bytes
401 bytes
-35%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: PD. Made by CoreyGinnivan: https://github.com/CoreyGinnivan/system-uicons/ --> <svg width="21px" height="21px" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 4)"><circle cx="3.5" cy="3.5" r="3"/><path d="m6 1.5h6.5c.8284271 0 2 .3248291 2 2s-1.1715729 2-2 2h-6.5m5.5 8c-1.65685425 0-3-1.3431458-3-3 0-1.65685425 1.34314575-3 3-3 1.6568542 0 3 1.34314575 3 3 0 1.6568542-1.3431458 3-3 3z"/><path d="m9 8.5h-6.5c-.82842712 0-2 .3248291-2 2s1.17157288 2 2 2h6.5"/></g></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
620 bytes
401 bytes
-35%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: PD. Made by CoreyGinnivan: https://github.com/CoreyGinnivan/system-uicons/ --> <svg width="21px" height="21px" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 4)"><circle cx="3.5" cy="3.5" r="3"/><path d="m6 1.5h6.5c.8284271 0 2 .3248291 2 2s-1.1715729 2-2 2h-6.5m5.5 8c-1.65685425 0-3-1.3431458-3-3 0-1.65685425 1.34314575-3 3-3 1.6568542 0 3 1.34314575 3 3 0 1.6568542-1.3431458 3-3 3z"/><path d="m9 8.5h-6.5c-.82842712 0-2 .3248291-2 2s1.17157288 2 2 2h6.5"/></g></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download