SVG
Viewer
Dark mode
Light mode
Hide sidebar
Qr Scan
Boxicons Interface 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
437 bytes
324 bytes
-26%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: CC Attribution. Made by boxicons: https://github.com/atisawd/boxicons --> <svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M4 4h4V2H2v6h2zM4 16H2v6h6v-2H4zM20 20h-4v2h6v-6h-2zM16 4h4v4h2V2h-6z"/><path d="M5 11h6V5H5v6zm2-4h2v2H7V7zM5 19h6v-6H5v6zm2-4h2v2H7v-2zM19 5h-6v6h6V5zm-2 4h-2V7h2v2zM13 13h2v2h-2zM15 15h2v2h-2zM17 17h2v2h-2zM17 13h2v2h-2z"/></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
437 bytes
324 bytes
-26%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: CC Attribution. Made by boxicons: https://github.com/atisawd/boxicons --> <svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M4 4h4V2H2v6h2zM4 16H2v6h6v-2H4zM20 20h-4v2h6v-6h-2zM16 4h4v4h2V2h-6z"/><path d="M5 11h6V5H5v6zm2-4h2v2H7V7zM5 19h6v-6H5v6zm2-4h2v2H7v-2zM19 5h-6v6h6V5zm-2 4h-2V7h2v2zM13 13h2v2h-2zM15 15h2v2h-2zM17 17h2v2h-2zM17 13h2v2h-2z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download