SVG
Viewer
Dark mode
Light mode
Hide sidebar
Contact
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.52 KB
647 bytes
-58%
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;} .st0{fill:#A3AFAF;} .st1{fill:#8D9999;} .st2{fill:#C4CCCC;} .st3{fill:#404041;} .st4{fill:#737F7F;} </style> <g> <rect x="21" y="3" class="flatshadows_twee" width="7" height="26"/> <path class="flatshadows_drie" d="M28,9.177l-4.586-4.592C23.052,4.224,22.552,4,22,4v4l1,1v4l1,0.621v4l1,1v4.035l1,0.965v4.035 L27.344,29H28V9.177z"/> <rect x="4" y="3" class="flatshadows_een" width="17" height="26"/> <path class="flatshadows_een" d="M22,4v4c1.105,0,2-0.895,2-2C24,4.895,23.105,4,22,4z"/> <path class="flatshadows_een" d="M23,9v4c1.105,0,2-0.895,2-2C25,9.895,24.105,9,23,9z"/> <path class="flatshadows_een" d="M24,13.621v4c1.105,0,2-0.895,2-2C26,14.516,25.105,13.621,24,13.621z"/> <path class="flatshadows_een" d="M25,18.621v4c1.105,0,2-0.895,2-2C27,19.516,26.105,18.621,25,18.621z"/> <path class="flatshadows_een" d="M26,23.621v4c1.105,0,2-0.895,2-2C28,24.516,27.105,23.621,26,23.621z"/> <circle class="flatshadows_drie" cx="12" cy="12" r="2"/> <path class="flatshadows_drie" d="M15,21H9v-4c0-1.105,0.895-2,2-2h2c1.105,0,2,0.895,2,2V21z"/> </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.52 KB
647 bytes
-58%
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;} .st0{fill:#A3AFAF;} .st1{fill:#8D9999;} .st2{fill:#C4CCCC;} .st3{fill:#404041;} .st4{fill:#737F7F;} </style> <g> <rect x="21" y="3" class="flatshadows_twee" width="7" height="26"/> <path class="flatshadows_drie" d="M28,9.177l-4.586-4.592C23.052,4.224,22.552,4,22,4v4l1,1v4l1,0.621v4l1,1v4.035l1,0.965v4.035 L27.344,29H28V9.177z"/> <rect x="4" y="3" class="flatshadows_een" width="17" height="26"/> <path class="flatshadows_een" d="M22,4v4c1.105,0,2-0.895,2-2C24,4.895,23.105,4,22,4z"/> <path class="flatshadows_een" d="M23,9v4c1.105,0,2-0.895,2-2C25,9.895,24.105,9,23,9z"/> <path class="flatshadows_een" d="M24,13.621v4c1.105,0,2-0.895,2-2C26,14.516,25.105,13.621,24,13.621z"/> <path class="flatshadows_een" d="M25,18.621v4c1.105,0,2-0.895,2-2C27,19.516,26.105,18.621,25,18.621z"/> <path class="flatshadows_een" d="M26,23.621v4c1.105,0,2-0.895,2-2C28,24.516,27.105,23.621,26,23.621z"/> <circle class="flatshadows_drie" cx="12" cy="12" r="2"/> <path class="flatshadows_drie" d="M15,21H9v-4c0-1.105,0.895-2,2-2h2c1.105,0,2,0.895,2,2V21z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download