SVG
Viewer
Dark mode
Light mode
Hide sidebar
Wholesalemajor
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
623 bytes
526 bytes
-16%
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 fill-rule="evenodd" d="M17 3a1 1 0 10-2 0v5.392a2.5 2.5 0 00-.32-1.223l-2.184-3.892A2.5 2.5 0 0010.316 2H7.5A2.5 2.5 0 005 4.5V6H2.5A1.5 1.5 0 001 7.5v2.585A1.5 1.5 0 000 11.5V17a3 3 0 106 0h3a3 3 0 106 0v-2h4a1 1 0 100-2h-2V3zM3 10h2V8H3v2zm10-1.608V10H7V4.5a.5.5 0 01.5-.5h2.816a.5.5 0 01.436.255l2.184 3.892a.5.5 0 01.064.245zM4 17a1 1 0 11-2 0 1 1 0 012 0zm8 1a1 1 0 100-2 1 1 0 000 2z" 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
623 bytes
526 bytes
-16%
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 fill-rule="evenodd" d="M17 3a1 1 0 10-2 0v5.392a2.5 2.5 0 00-.32-1.223l-2.184-3.892A2.5 2.5 0 0010.316 2H7.5A2.5 2.5 0 005 4.5V6H2.5A1.5 1.5 0 001 7.5v2.585A1.5 1.5 0 000 11.5V17a3 3 0 106 0h3a3 3 0 106 0v-2h4a1 1 0 100-2h-2V3zM3 10h2V8H3v2zm10-1.608V10H7V4.5a.5.5 0 01.5-.5h2.816a.5.5 0 01.436.255l2.184 3.892a.5.5 0 01.064.245zM4 17a1 1 0 11-2 0 1 1 0 012 0zm8 1a1 1 0 100-2 1 1 0 000 2z" fill="#5C5F62"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download