SVG
Viewer
Dark mode
Light mode
Hide sidebar
Shopping Bag
Lightning Design Utility 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
512 bytes
358 bytes
-30%
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: CC Attribution. Made by salesforce: https://lightningdesignsystem.com/ --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg"><path d="M44,19.6a4,4,0,0,0-4-4h-.7a13.24,13.24,0,0,0-26.4,0H12a4,4,0,0,0-4,4l-2,25a4,4,0,0,0,4,4H42a4,4,0,0,0,4-4ZM26.1,9.4a7.24,7.24,0,0,1,7.2,6.2H18.9A7.39,7.39,0,0,1,26.1,9.4Zm5.7,18.2H20.2a3,3,0,0,1-3-3,3.08,3.08,0,0,1,3-3H31.9a3,3,0,0,1,3,3A3.1,3.1,0,0,1,31.8,27.6Z"/></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
512 bytes
358 bytes
-30%
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: CC Attribution. Made by salesforce: https://lightningdesignsystem.com/ --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg"><path d="M44,19.6a4,4,0,0,0-4-4h-.7a13.24,13.24,0,0,0-26.4,0H12a4,4,0,0,0-4,4l-2,25a4,4,0,0,0,4,4H42a4,4,0,0,0,4-4ZM26.1,9.4a7.24,7.24,0,0,1,7.2,6.2H18.9A7.39,7.39,0,0,1,26.1,9.4Zm5.7,18.2H20.2a3,3,0,0,1-3-3,3.08,3.08,0,0,1,3-3H31.9a3,3,0,0,1,3,3A3.1,3.1,0,0,1,31.8,27.6Z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download