SVG
Viewer
Browser
Elegant Circle Vectors
View collection
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
1.56 KB
892 bytes
-44%
Prettify
Preferences
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:#77B3D4;} .st1{opacity:0.2;} .st2{fill:#231F20;} .st3{fill:#FFFFFF;} .st4{fill:#E0E0D1;} .st5{fill:#E0995E;} .st6{fill:#76C2AF;} .st7{fill:#C75C5C;} .st8{fill:#4F5D73;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="32" cy="32" r="32"/> </g> <g class="st1"> <path class="st2" d="M52,48c0,2.2-1.8,4-4,4H16c-2.2,0-4-1.8-4-4V18c0-2.2,1.8-4,4-4h32c2.2,0,4,1.8,4,4V48z"/> </g> <g> <path class="st3" d="M12,21.5V46c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V21.5H12z"/> </g> <g class="st1"> <path class="st2" d="M52,18c0-2.2-1.8-4-4-4H16c-2.2,0-4,1.8-4,4v6h40V18z"/> </g> <g> <path class="st4" d="M52,16c0-2.2-1.8-4-4-4H16c-2.2,0-4,1.8-4,4v6h40V16z"/> </g> <g> <circle class="st5" cx="23" cy="17" r="2"/> </g> <g> <circle class="st6" cx="29" cy="17" r="2"/> </g> <g> <circle class="st7" cx="17" cy="17" r="2"/> </g> <g> <rect x="16" y="28" class="st8" width="12" height="18"/> </g> <g> <rect x="32" y="28" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="32" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="36" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="40" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="44" class="st4" width="16" height="2"/> </g> </g> <g id="Layer_2"> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
1.56 KB
892 bytes
-44%
Prettify
Preferences
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:#77B3D4;} .st1{opacity:0.2;} .st2{fill:#231F20;} .st3{fill:#FFFFFF;} .st4{fill:#E0E0D1;} .st5{fill:#E0995E;} .st6{fill:#76C2AF;} .st7{fill:#C75C5C;} .st8{fill:#4F5D73;} </style> <g id="Layer_1"> <g> <circle class="st0" cx="32" cy="32" r="32"/> </g> <g class="st1"> <path class="st2" d="M52,48c0,2.2-1.8,4-4,4H16c-2.2,0-4-1.8-4-4V18c0-2.2,1.8-4,4-4h32c2.2,0,4,1.8,4,4V48z"/> </g> <g> <path class="st3" d="M12,21.5V46c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V21.5H12z"/> </g> <g class="st1"> <path class="st2" d="M52,18c0-2.2-1.8-4-4-4H16c-2.2,0-4,1.8-4,4v6h40V18z"/> </g> <g> <path class="st4" d="M52,16c0-2.2-1.8-4-4-4H16c-2.2,0-4,1.8-4,4v6h40V16z"/> </g> <g> <circle class="st5" cx="23" cy="17" r="2"/> </g> <g> <circle class="st6" cx="29" cy="17" r="2"/> </g> <g> <circle class="st7" cx="17" cy="17" r="2"/> </g> <g> <rect x="16" y="28" class="st8" width="12" height="18"/> </g> <g> <rect x="32" y="28" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="32" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="36" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="40" class="st4" width="16" height="2"/> </g> <g> <rect x="32" y="44" class="st4" width="16" height="2"/> </g> </g> <g id="Layer_2"> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download