SVG
Viewer
Dark mode
Light mode
Hide sidebar
Submarine
Elegant Circle Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.27 KB
839 bytes
-35%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: GPL. Made by dohliam: https://github.com/dohliam/elegant-circles --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" xml:space="preserve"> <style type="text/css"> .st0{display:none;fill:#2B3544;} .st1{fill:#4F5D73;} .st2{fill:#F5CF87;} .st3{fill:#E0995E;} .st4{opacity:0.2;fill:#231F20;} </style> <rect x="-223" y="-1681" class="st0" width="608" height="1984"/> <circle class="st1" cx="32" cy="32" r="32"/> <path class="st2" d="M44.2,26.6c0,0-3.9-6.6-5.6-6.6h-9.2c-1.7,0-5.6,6.6-5.6,6.6l0,0c0,3.1,0.8,4.6,2.5,4.6h15.3 C43.3,31.2,44.2,29.7,44.2,26.6L44.2,26.6z"/> <path class="st2" d="M20.8,38.3c0,0,4,6.6,5.8,6.6h15.7c1.7,0,5.8-6.6,5.8-6.6l0,0c0-3.1-0.9-4.6-2.6-4.6h-22 C21.7,33.7,20.8,35.2,20.8,38.3L20.8,38.3z"/> <path class="st3" d="M16,36c0,1.1-2.9,6-4,6l0,0c-1.1,0-2-0.9-2-2V26c0-1.1,0.9-2,2-2l0,0c1.1,0,4,4.9,4,6V36z"/> <path class="st4" d="M56,35c0-5.5-8.8-9-21-9S8,33.3,8,35c0,1.6,14.8,9,27,9S56,40.5,56,35z"/> <path class="st2" d="M56,33c0-5.5-8.8-9-21-9S8,31.3,8,33c0,1.6,14.8,9,27,9S56,38.5,56,33z"/> <circle class="st3" cx="36" cy="32" r="3"/> <circle class="st3" cx="46" cy="32" r="3"/> <circle class="st3" cx="26" cy="32" r="3"/> </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
Set Dimensions
Change dimensions
Optimize
1.27 KB
839 bytes
-35%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: GPL. Made by dohliam: https://github.com/dohliam/elegant-circles --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" xml:space="preserve"> <style type="text/css"> .st0{display:none;fill:#2B3544;} .st1{fill:#4F5D73;} .st2{fill:#F5CF87;} .st3{fill:#E0995E;} .st4{opacity:0.2;fill:#231F20;} </style> <rect x="-223" y="-1681" class="st0" width="608" height="1984"/> <circle class="st1" cx="32" cy="32" r="32"/> <path class="st2" d="M44.2,26.6c0,0-3.9-6.6-5.6-6.6h-9.2c-1.7,0-5.6,6.6-5.6,6.6l0,0c0,3.1,0.8,4.6,2.5,4.6h15.3 C43.3,31.2,44.2,29.7,44.2,26.6L44.2,26.6z"/> <path class="st2" d="M20.8,38.3c0,0,4,6.6,5.8,6.6h15.7c1.7,0,5.8-6.6,5.8-6.6l0,0c0-3.1-0.9-4.6-2.6-4.6h-22 C21.7,33.7,20.8,35.2,20.8,38.3L20.8,38.3z"/> <path class="st3" d="M16,36c0,1.1-2.9,6-4,6l0,0c-1.1,0-2-0.9-2-2V26c0-1.1,0.9-2,2-2l0,0c1.1,0,4,4.9,4,6V36z"/> <path class="st4" d="M56,35c0-5.5-8.8-9-21-9S8,33.3,8,35c0,1.6,14.8,9,27,9S56,40.5,56,35z"/> <path class="st2" d="M56,33c0-5.5-8.8-9-21-9S8,31.3,8,33c0,1.6,14.8,9,27,9S56,38.5,56,33z"/> <circle class="st3" cx="36" cy="32" r="3"/> <circle class="st3" cx="46" cy="32" r="3"/> <circle class="st3" cx="26" cy="32" r="3"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download