SVG
Viewer
Dark mode
Light mode
Hide sidebar
Avatar People Person
Shaded App User Interface 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
877 bytes
715 bytes
-18%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Baiti Studio: https://www.instagram.com/baitisstudio/ --> <svg width="800px" height="800px" viewBox="0 0 48 48" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#55aae1;}.cls-2{opacity:0.35;}</style> </defs> <title/> <path class="cls-1" d="M24,28A12,12,0,1,1,36,16,12,12,0,0,1,24,28ZM24,6A10,10,0,1,0,34,16,10,10,0,0,0,24,6Z"/> <path class="cls-1" d="M41,44H7.05a1,1,0,0,1-.73-.31,1,1,0,0,1-.27-.75,18,18,0,0,1,35.9,0,1,1,0,0,1-.27.75A1,1,0,0,1,41,44ZM8.15,42h31.7a16,16,0,0,0-31.7,0Z"/> <g class="cls-2"> <path class="cls-1" d="M30.71,7.29A11,11,0,0,1,15.29,22.71,11,11,0,1,0,30.71,7.29Z"/> </g> <g class="cls-2"> <path class="cls-1" d="M32,29a16.87,16.87,0,0,1,4.81,9.82,1,1,0,0,1-1,1.15H7.51a16.45,16.45,0,0,0-.46,3H41A17,17,0,0,0,32,29Z"/> </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
877 bytes
715 bytes
-18%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Baiti Studio: https://www.instagram.com/baitisstudio/ --> <svg width="800px" height="800px" viewBox="0 0 48 48" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#55aae1;}.cls-2{opacity:0.35;}</style> </defs> <title/> <path class="cls-1" d="M24,28A12,12,0,1,1,36,16,12,12,0,0,1,24,28ZM24,6A10,10,0,1,0,34,16,10,10,0,0,0,24,6Z"/> <path class="cls-1" d="M41,44H7.05a1,1,0,0,1-.73-.31,1,1,0,0,1-.27-.75,18,18,0,0,1,35.9,0,1,1,0,0,1-.27.75A1,1,0,0,1,41,44ZM8.15,42h31.7a16,16,0,0,0-31.7,0Z"/> <g class="cls-2"> <path class="cls-1" d="M30.71,7.29A11,11,0,0,1,15.29,22.71,11,11,0,1,0,30.71,7.29Z"/> </g> <g class="cls-2"> <path class="cls-1" d="M32,29a16.87,16.87,0,0,1,4.81,9.82,1,1,0,0,1-1,1.15H7.51a16.45,16.45,0,0,0-.46,3H41A17,17,0,0,0,32,29Z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download