SVG
Viewer
Dark mode
Light mode
Hide sidebar
Erase
Flat Shadow Action 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
1.08 KB
500 bytes
-55%
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 Shannon E. Thomas: https://dribbble.com/shannonethomas --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .flatshadows_een{fill:#FDFFFF;} .flatshadows_twee{fill:#E1E5E5;} .flatshadows_drie{fill:#C4CCCC;} .flatshadows_vier{fill:#A3AFAF;} .flatshadows_vijf{fill:#8D9999;} .st0{fill:#C4CCCC;} .st1{fill:#E1E5E5;} </style> <g> <rect x="4" class="flatshadows_twee" width="24" height="32"/> <g> <polygon class="flatshadows_een" points="13,27 16,32 19,27 "/> <rect x="13" y="15" class="flatshadows_vier" width="6" height="4"/> <rect x="13" y="19" class="flatshadows_vijf" width="6" height="8"/> <polygon class="flatshadows_vijf" points="14.8,30 16,32 17.2,30 "/> </g> <rect x="13" class="flatshadows_een" width="6" height="15"/> <polygon class="flatshadows_drie" points="19,15 28,24 28,32 16,32 19,27 "/> </g> </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
1.08 KB
500 bytes
-55%
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 Shannon E. Thomas: https://dribbble.com/shannonethomas --> <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 32 32" xml:space="preserve"> <style type="text/css"> .flatshadows_een{fill:#FDFFFF;} .flatshadows_twee{fill:#E1E5E5;} .flatshadows_drie{fill:#C4CCCC;} .flatshadows_vier{fill:#A3AFAF;} .flatshadows_vijf{fill:#8D9999;} .st0{fill:#C4CCCC;} .st1{fill:#E1E5E5;} </style> <g> <rect x="4" class="flatshadows_twee" width="24" height="32"/> <g> <polygon class="flatshadows_een" points="13,27 16,32 19,27 "/> <rect x="13" y="15" class="flatshadows_vier" width="6" height="4"/> <rect x="13" y="19" class="flatshadows_vijf" width="6" height="8"/> <polygon class="flatshadows_vijf" points="14.8,30 16,32 17.2,30 "/> </g> <rect x="13" class="flatshadows_een" width="6" height="15"/> <polygon class="flatshadows_drie" points="19,15 28,24 28,32 16,32 19,27 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download