SVG
Viewer
Dark mode
Light mode
Hide sidebar
Shopcodesmajor
Shopify Polaris 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
523 bytes
374 bytes
-28%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by Shopify: https://github.com/Shopify/polaris --> <svg width="800px" height="800px" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1A1.5 1.5 0 001 2.5V7h6V1H2.5zM7 13H1v4.5A1.5 1.5 0 002.5 19H7v-6zM13 1h4.5A1.5 1.5 0 0119 2.5V7h-6V1zM1 9v2h2V9H1zM9 5h2v2H9V5zM11 1H9v2h2V1zM11 17h1v2H9v-3h2v1zM19 17h-2v2h.5a1.5 1.5 0 001.5-1.5V17zM17 13h2v3h-2v-3zM16 13h-2v6h2v-6zM13 9h6v2h-6V9zM11 9H5v2h4v3h2V9zM13 13h1v3h-1z" fill="#5C5F62"/></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
523 bytes
374 bytes
-28%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by Shopify: https://github.com/Shopify/polaris --> <svg width="800px" height="800px" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 1A1.5 1.5 0 001 2.5V7h6V1H2.5zM7 13H1v4.5A1.5 1.5 0 002.5 19H7v-6zM13 1h4.5A1.5 1.5 0 0119 2.5V7h-6V1zM1 9v2h2V9H1zM9 5h2v2H9V5zM11 1H9v2h2V1zM11 17h1v2H9v-3h2v1zM19 17h-2v2h.5a1.5 1.5 0 001.5-1.5V17zM17 13h2v3h-2v-3zM16 13h-2v6h2v-6zM13 9h6v2h-6V9zM11 9H5v2h4v3h2V9zM13 13h1v3h-1z" fill="#5C5F62"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download