SVG
Viewer
Dark mode
Light mode
Hide sidebar
Firstclickmodelminor
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
803 bytes
322 bytes
-60%
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="M4 3C4.55228 3 5 3.44772 5 4L5 16C5 16.5523 4.55229 17 4 17C3.44772 17 3 16.5523 3 16L3 4C3 3.44772 3.44772 3 4 3Z" fill="#5C5F62"/> <path d="M8 12C8.55228 12 9 12.4477 9 13V16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16V13C7 12.4477 7.44772 12 8 12Z" fill="#5C5F62"/> <path d="M12 12C12.5523 12 13 12.4477 13 13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13C11 12.4477 11.4477 12 12 12Z" fill="#5C5F62"/> <path d="M16 12C16.5523 12 17 12.4477 17 13V16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16V13C15 12.4477 15.4477 12 16 12Z" 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
803 bytes
322 bytes
-60%
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="M4 3C4.55228 3 5 3.44772 5 4L5 16C5 16.5523 4.55229 17 4 17C3.44772 17 3 16.5523 3 16L3 4C3 3.44772 3.44772 3 4 3Z" fill="#5C5F62"/> <path d="M8 12C8.55228 12 9 12.4477 9 13V16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16V13C7 12.4477 7.44772 12 8 12Z" fill="#5C5F62"/> <path d="M12 12C12.5523 12 13 12.4477 13 13V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V13C11 12.4477 11.4477 12 12 12Z" fill="#5C5F62"/> <path d="M16 12C16.5523 12 17 12.4477 17 13V16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16V13C15 12.4477 15.4477 12 16 12Z" fill="#5C5F62"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download