SVG
Viewer
Dark mode
Light mode
Hide sidebar
Security
Elegant Circle 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
928 bytes
552 bytes
-41%
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 height="800px" width="800px" version="1.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{fill:#C75C5C;} .st1{opacity:0.2;} .st2{fill:#231F20;} .st3{fill:#F5CF87;} .st4{fill:#E0995E;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="32" cy="32" r="32"/> </g> <g class="st1"> <path class="st2" d="M32,56c0,0-18-6.8-18-21.5V20.9c0,0,5.8-6.9,18-6.9V56z"/> </g> <g class="st1"> <path class="st2" d="M32,56c0,0,18-6.8,18-21.5V20.9c0,0-5.8-6.9-18-6.9V56z"/> </g> <g> <path class="st3" d="M32,54c0,0-18-6.8-18-21.5V18.9c0,0,5.8-6.9,18-6.9V54z"/> </g> <g> <path class="st4" d="M32,54c0,0,18-6.8,18-21.5V18.9c0,0-5.8-6.9-18-6.9V54z"/> </g> </g> <g id="Layer_2"> </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
928 bytes
552 bytes
-41%
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 height="800px" width="800px" version="1.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{fill:#C75C5C;} .st1{opacity:0.2;} .st2{fill:#231F20;} .st3{fill:#F5CF87;} .st4{fill:#E0995E;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="32" cy="32" r="32"/> </g> <g class="st1"> <path class="st2" d="M32,56c0,0-18-6.8-18-21.5V20.9c0,0,5.8-6.9,18-6.9V56z"/> </g> <g class="st1"> <path class="st2" d="M32,56c0,0,18-6.8,18-21.5V20.9c0,0-5.8-6.9-18-6.9V56z"/> </g> <g> <path class="st3" d="M32,54c0,0-18-6.8-18-21.5V18.9c0,0,5.8-6.9,18-6.9V54z"/> </g> <g> <path class="st4" d="M32,54c0,0,18-6.8,18-21.5V18.9c0,0-5.8-6.9-18-6.9V54z"/> </g> </g> <g id="Layer_2"> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download