SVG
Viewer
Dark mode
Light mode
Hide sidebar
Center Align Alignment
Text Editor Duotone 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.45 KB
968 bytes
-35%
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 Krupa Bhuva: https://www.behance.net/Krupabhuva --> <svg width="800px" height="800px" viewBox="0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:#6040EC;} .st1{fill:#0BDC49;} </style> <g> <g> <path class="st0" d="M384.1,200H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,200,384.1,200z"/> </g> <g> <g> <path class="st0" d="M464.9,65.6h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,65.6,464.9,65.6z"/> </g> <g> <path class="st0" d="M464.9,334.5h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,334.5,464.9,334.5z"/> </g> </g> <g> <path class="st0" d="M384.1,469.6H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,469.6,384.1,469.6z"/> </g> <g> <path class="st1" d="M384.1,200H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,200,384.1,200z"/> </g> <g> <path class="st0" d="M464.9,65.6h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,65.6,464.9,65.6z"/> </g> <g> <path class="st0" d="M464.9,334.5h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,334.5,464.9,334.5z"/> </g> <g> <path class="st1" d="M384.1,469.6H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,469.6,384.1,469.6z"/> </g> </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.45 KB
968 bytes
-35%
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 Krupa Bhuva: https://www.behance.net/Krupabhuva --> <svg width="800px" height="800px" viewBox="0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"> .st0{fill:#6040EC;} .st1{fill:#0BDC49;} </style> <g> <g> <path class="st0" d="M384.1,200H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,200,384.1,200z"/> </g> <g> <g> <path class="st0" d="M464.9,65.6h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,65.6,464.9,65.6z"/> </g> <g> <path class="st0" d="M464.9,334.5h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,334.5,464.9,334.5z"/> </g> </g> <g> <path class="st0" d="M384.1,469.6H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,469.6,384.1,469.6z"/> </g> <g> <path class="st1" d="M384.1,200H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,200,384.1,200z"/> </g> <g> <path class="st0" d="M464.9,65.6h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,65.6,464.9,65.6z"/> </g> <g> <path class="st0" d="M464.9,334.5h-404c-6.6,0-12-5.4-12-12s5.4-12,12-12h404c6.6,0,12,5.4,12,12S471.5,334.5,464.9,334.5z"/> </g> <g> <path class="st1" d="M384.1,469.6H141.7c-6.6,0-12-5.4-12-12s5.4-12,12-12h242.4c6.6,0,12,5.4,12,12S390.7,469.6,384.1,469.6z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download