SVG
Viewer
Dark mode
Light mode
Hide sidebar
App Device Mobile Application Apps
Essential Colored 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.52 KB
1.22 KB
-20%
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 Michelle Bilder: https://www.behance.net/michellebi71ed/info --> <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#47a6e3;}.cls-2{fill:#f55fa6;}.cls-3{fill:#da3380;}.cls-4{fill:#0e7cc9;}.cls-5{fill:#6c2e7c;}</style> </defs> <g id="Icons"> <rect class="cls-1" height="9" rx="2" width="9" x="1" y="1"/> <rect class="cls-2" height="9" rx="2" width="9" x="14" y="1"/> <rect class="cls-3" height="9" rx="2" width="9" x="1" y="14"/> <rect class="cls-4" height="9" rx="2" width="9" x="14" y="14"/> <path class="cls-2" d="M10,16a2.006,2.006,0,0,1-2,2H3a2,2,0,0,1,0-4H8A2.006,2.006,0,0,1,10,16Z"/> <path class="cls-1" d="M23,16a2.006,2.006,0,0,1-2,2H16a2,2,0,0,1,0-4h5A2.006,2.006,0,0,1,23,16Z"/> </g> <g data-name="Layer 4" id="Layer_4"> <path class="cls-5" d="M8,0H3A3,3,0,0,0,0,3V8a3,3,0,0,0,3,3H8a3,3,0,0,0,3-3V3A3,3,0,0,0,8,0ZM9,8A1,1,0,0,1,8,9H3A1,1,0,0,1,2,8V3A1,1,0,0,1,3,2H8A1,1,0,0,1,9,3Z"/> <path class="cls-5" d="M21,0H16a3,3,0,0,0-3,3V8a3,3,0,0,0,3,3h5a3,3,0,0,0,3-3V3A3,3,0,0,0,21,0Zm1,8a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1V3a1,1,0,0,1,1-1h5a1,1,0,0,1,1,1Z"/> <path class="cls-5" d="M8,13H3a3,3,0,0,0-3,3v5a3,3,0,0,0,3,3H8a3,3,0,0,0,3-3V16A3,3,0,0,0,8,13Zm1,8a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V16a1,1,0,0,1,1-1H8a1,1,0,0,1,1,1Z"/> <path class="cls-5" d="M21,13H16a3,3,0,0,0-3,3v5a3,3,0,0,0,3,3h5a3,3,0,0,0,3-3V16A3,3,0,0,0,21,13Zm1,8a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1V16a1,1,0,0,1,1-1h5a1,1,0,0,1,1,1Z"/> </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.52 KB
1.22 KB
-20%
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 Michelle Bilder: https://www.behance.net/michellebi71ed/info --> <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#47a6e3;}.cls-2{fill:#f55fa6;}.cls-3{fill:#da3380;}.cls-4{fill:#0e7cc9;}.cls-5{fill:#6c2e7c;}</style> </defs> <g id="Icons"> <rect class="cls-1" height="9" rx="2" width="9" x="1" y="1"/> <rect class="cls-2" height="9" rx="2" width="9" x="14" y="1"/> <rect class="cls-3" height="9" rx="2" width="9" x="1" y="14"/> <rect class="cls-4" height="9" rx="2" width="9" x="14" y="14"/> <path class="cls-2" d="M10,16a2.006,2.006,0,0,1-2,2H3a2,2,0,0,1,0-4H8A2.006,2.006,0,0,1,10,16Z"/> <path class="cls-1" d="M23,16a2.006,2.006,0,0,1-2,2H16a2,2,0,0,1,0-4h5A2.006,2.006,0,0,1,23,16Z"/> </g> <g data-name="Layer 4" id="Layer_4"> <path class="cls-5" d="M8,0H3A3,3,0,0,0,0,3V8a3,3,0,0,0,3,3H8a3,3,0,0,0,3-3V3A3,3,0,0,0,8,0ZM9,8A1,1,0,0,1,8,9H3A1,1,0,0,1,2,8V3A1,1,0,0,1,3,2H8A1,1,0,0,1,9,3Z"/> <path class="cls-5" d="M21,0H16a3,3,0,0,0-3,3V8a3,3,0,0,0,3,3h5a3,3,0,0,0,3-3V3A3,3,0,0,0,21,0Zm1,8a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1V3a1,1,0,0,1,1-1h5a1,1,0,0,1,1,1Z"/> <path class="cls-5" d="M8,13H3a3,3,0,0,0-3,3v5a3,3,0,0,0,3,3H8a3,3,0,0,0,3-3V16A3,3,0,0,0,8,13Zm1,8a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V16a1,1,0,0,1,1-1H8a1,1,0,0,1,1,1Z"/> <path class="cls-5" d="M21,13H16a3,3,0,0,0-3,3v5a3,3,0,0,0,3,3h5a3,3,0,0,0,3-3V16A3,3,0,0,0,21,13Zm1,8a1,1,0,0,1-1,1H16a1,1,0,0,1-1-1V16a1,1,0,0,1,1-1h5a1,1,0,0,1,1,1Z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download