SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Video
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
2.07 KB
918 bytes
-57%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: GPL. Made by dohliam: https://github.com/dohliam/elegant-circles --> <svg 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{fill:#4F5D73;} .st2{opacity:0.2;} .st3{fill:#231F20;} .st4{fill:#E0E0D1;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="31.8" cy="32" r="32"/> </g> <g> <g> <rect x="16" y="30" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="37" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="44" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="23" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="16" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="30" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="37" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="44" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="23" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="16" class="st1" width="4" height="4"/> </g> <g> <rect x="24" y="16" class="st1" width="16" height="14"/> </g> <g> <rect x="24" y="34" class="st1" width="16" height="14"/> </g> </g> <g class="st2"> <path class="st3" d="M48,14H16c-2.2,0-4,1.8-4,4v32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V18C52,15.8,50.2,14,48,14z M20,50h-4v-4h4 V50z M20,43h-4v-4h4V43z M20,36h-4v-4h4V36z M20,29h-4v-4h4V29z M20,22h-4v-4h4V22z M40,50H24V36h16V50z M40,32H24V18h16V32z M48,50h-4v-4h4V50z M48,43h-4v-4h4V43z M48,36h-4v-4h4V36z M48,29h-4v-4h4V29z M48,22h-4v-4h4V22z"/> </g> <g> <path class="st4" d="M48,12H16c-2.2,0-4,1.8-4,4v32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C52,13.8,50.2,12,48,12z M20,48h-4v-4h4 V48z M20,41h-4v-4h4V41z M20,34h-4v-4h4V34z M20,27h-4v-4h4V27z M20,20h-4v-4h4V20z M40,48H24V34h16V48z M40,30H24V16h16V30z M48,48h-4v-4h4V48z M48,41h-4v-4h4V41z M48,34h-4v-4h4V34z M48,27h-4v-4h4V27z M48,20h-4v-4h4V20z"/> </g> </g> <g id="Layer_2"> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.07 KB
918 bytes
-57%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: GPL. Made by dohliam: https://github.com/dohliam/elegant-circles --> <svg 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{fill:#4F5D73;} .st2{opacity:0.2;} .st3{fill:#231F20;} .st4{fill:#E0E0D1;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="31.8" cy="32" r="32"/> </g> <g> <g> <rect x="16" y="30" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="37" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="44" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="23" class="st1" width="4" height="4"/> </g> <g> <rect x="16" y="16" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="30" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="37" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="44" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="23" class="st1" width="4" height="4"/> </g> <g> <rect x="44" y="16" class="st1" width="4" height="4"/> </g> <g> <rect x="24" y="16" class="st1" width="16" height="14"/> </g> <g> <rect x="24" y="34" class="st1" width="16" height="14"/> </g> </g> <g class="st2"> <path class="st3" d="M48,14H16c-2.2,0-4,1.8-4,4v32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V18C52,15.8,50.2,14,48,14z M20,50h-4v-4h4 V50z M20,43h-4v-4h4V43z M20,36h-4v-4h4V36z M20,29h-4v-4h4V29z M20,22h-4v-4h4V22z M40,50H24V36h16V50z M40,32H24V18h16V32z M48,50h-4v-4h4V50z M48,43h-4v-4h4V43z M48,36h-4v-4h4V36z M48,29h-4v-4h4V29z M48,22h-4v-4h4V22z"/> </g> <g> <path class="st4" d="M48,12H16c-2.2,0-4,1.8-4,4v32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C52,13.8,50.2,12,48,12z M20,48h-4v-4h4 V48z M20,41h-4v-4h4V41z M20,34h-4v-4h4V34z M20,27h-4v-4h4V27z M20,20h-4v-4h4V20z M40,48H24V34h16V48z M40,30H24V16h16V30z M48,48h-4v-4h4V48z M48,41h-4v-4h4V41z M48,34h-4v-4h4V34z M48,27h-4v-4h4V27z M48,20h-4v-4h4V20z"/> </g> </g> <g id="Layer_2"> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG