SVG
Viewer
Dark mode
Light mode
Hide sidebar
Navigation Gps Map Pin Location
Essential Colored 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
1.02 KB
818 bytes
-21%
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 Michelle Bilder: https://www.behance.net/michellebi71ed/info --> <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#b24040;}.cls-2{fill:#ce5959;}.cls-3{fill:#eaeaea;}.cls-4{fill:#6c2e7c;}</style> </defs> <g id="Icons"> <path class="cls-1" d="M21,10c0,8-9,13-9,13S3,18,3,10a8.693,8.693,0,0,1,.33-2.4,8.995,8.995,0,0,1,17.34,0A8.693,8.693,0,0,1,21,10Z"/> <path class="cls-2" d="M20.67,7.6C19.08,14.07,12,18,12,18S4.92,14.07,3.33,7.6a8.995,8.995,0,0,1,17.34,0Z"/> <circle class="cls-3" cx="12" cy="10" r="4"/> </g> <g data-name="Layer 4" id="Layer_4"> <path class="cls-4" d="M2,10c0,8.491,9.126,13.658,9.514,13.874a1,1,0,0,0,.972,0C12.874,23.658,22,18.491,22,10A10,10,0,0,0,2,10ZM12,2a8.009,8.009,0,0,1,8,8c0,6.274-6.2,10.68-8,11.83C10.2,20.68,4,16.274,4,10A8.009,8.009,0,0,1,12,2Z"/> <path class="cls-4" d="M12,15a5,5,0,1,0-5-5A5.006,5.006,0,0,0,12,15Zm0-8a3,3,0,1,1-3,3A3,3,0,0,1,12,7Z"/> </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
1.02 KB
818 bytes
-21%
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 Michelle Bilder: https://www.behance.net/michellebi71ed/info --> <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#b24040;}.cls-2{fill:#ce5959;}.cls-3{fill:#eaeaea;}.cls-4{fill:#6c2e7c;}</style> </defs> <g id="Icons"> <path class="cls-1" d="M21,10c0,8-9,13-9,13S3,18,3,10a8.693,8.693,0,0,1,.33-2.4,8.995,8.995,0,0,1,17.34,0A8.693,8.693,0,0,1,21,10Z"/> <path class="cls-2" d="M20.67,7.6C19.08,14.07,12,18,12,18S4.92,14.07,3.33,7.6a8.995,8.995,0,0,1,17.34,0Z"/> <circle class="cls-3" cx="12" cy="10" r="4"/> </g> <g data-name="Layer 4" id="Layer_4"> <path class="cls-4" d="M2,10c0,8.491,9.126,13.658,9.514,13.874a1,1,0,0,0,.972,0C12.874,23.658,22,18.491,22,10A10,10,0,0,0,2,10ZM12,2a8.009,8.009,0,0,1,8,8c0,6.274-6.2,10.68-8,11.83C10.2,20.68,4,16.274,4,10A8.009,8.009,0,0,1,12,2Z"/> <path class="cls-4" d="M12,15a5,5,0,1,0-5-5A5.006,5.006,0,0,0,12,15Zm0-8a3,3,0,1,1-3,3A3,3,0,0,1,12,7Z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download