SVG
Viewer
Dark mode
Light mode
Hide sidebar
Open
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.03 KB
351 bytes
-67%
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_vier{fill:#A3AFAF;} .flatshadows_vijf{fill:#8D9999;} .flatshadows_zes{fill:#737F7F;} .st0{fill:none;} .st1{fill:#C4CCCC;} .st2{fill:#FDFFFF;} .st3{fill:#E1E5E5;} .st4{fill:#A3AFAF;} .st5{fill:#FFFFFF;} </style> <g> <rect x="2" y="9" class="flatshadows_vijf" width="28" height="21"/> <rect x="4" y="2" class="flatshadows_een" width="24" height="26"/> <polygon class="flatshadows_vier" points="30,30 2,30 2,10 10,10 10,13 30,13 "/> <polygon class="flatshadows_twee" points="10,10 13,13 10,13 "/> <polygon class="flatshadows_zes" points="28,9 30,11 30,13 28,13 "/> </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.03 KB
351 bytes
-67%
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_vier{fill:#A3AFAF;} .flatshadows_vijf{fill:#8D9999;} .flatshadows_zes{fill:#737F7F;} .st0{fill:none;} .st1{fill:#C4CCCC;} .st2{fill:#FDFFFF;} .st3{fill:#E1E5E5;} .st4{fill:#A3AFAF;} .st5{fill:#FFFFFF;} </style> <g> <rect x="2" y="9" class="flatshadows_vijf" width="28" height="21"/> <rect x="4" y="2" class="flatshadows_een" width="24" height="26"/> <polygon class="flatshadows_vier" points="30,30 2,30 2,10 10,10 10,13 30,13 "/> <polygon class="flatshadows_twee" points="10,10 13,13 10,13 "/> <polygon class="flatshadows_zes" points="28,9 30,11 30,13 28,13 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download