SVG
Viewer
Dark mode
Light mode
Hide sidebar
Wait
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
834 bytes
-46%
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:#8C9898;} </style> <g> <path class="flatshadows_twee" d="M27,5V2H5v3c0,5.391,3.881,9.868,9,10.81v0.381C8.881,17.132,5,21.609,5,27v3h22v-3 c0-5.391-3.881-9.868-9-10.81V15.81C23.119,14.868,27,10.391,27,5z"/> <path class="flatshadows_drie" d="M16,30h11v-3c0-5.391-3.881-9.868-9-10.81V15.81c5.119-0.942,9-5.418,9-10.81V2H16V30z"/> <path class="flatshadows_een" d="M17,20c0-1.663,0-3.63,0-5.056c3.665-0.365,6.746-2.705,8.162-5.944C25.162,9,23,8,16,8 S6.838,9,6.838,9c1.416,3.239,4.497,5.579,8.162,5.944c0,1.426,0,3.393,0,5.056c0,3-8,10-8,10h18C25,30,17,23,17,20z"/> <path class="flatshadows_twee" d="M25,30c0,0-8-7-8-10c0-1.663,0-3.63,0-5.056c3.665-0.365,6.746-2.705,8.162-5.944 C25.162,9,23,8,16,8v22H25z"/> <rect x="4" class="flatshadows_vier" width="24" height="2"/> <rect x="4" y="30" class="flatshadows_vier" width="24" height="2"/> <rect x="16" y="30" class="flatshadows_vijf" width="12" height="2"/> <rect x="16" class="flatshadows_vijf" width="12" height="2"/> </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
834 bytes
-46%
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:#8C9898;} </style> <g> <path class="flatshadows_twee" d="M27,5V2H5v3c0,5.391,3.881,9.868,9,10.81v0.381C8.881,17.132,5,21.609,5,27v3h22v-3 c0-5.391-3.881-9.868-9-10.81V15.81C23.119,14.868,27,10.391,27,5z"/> <path class="flatshadows_drie" d="M16,30h11v-3c0-5.391-3.881-9.868-9-10.81V15.81c5.119-0.942,9-5.418,9-10.81V2H16V30z"/> <path class="flatshadows_een" d="M17,20c0-1.663,0-3.63,0-5.056c3.665-0.365,6.746-2.705,8.162-5.944C25.162,9,23,8,16,8 S6.838,9,6.838,9c1.416,3.239,4.497,5.579,8.162,5.944c0,1.426,0,3.393,0,5.056c0,3-8,10-8,10h18C25,30,17,23,17,20z"/> <path class="flatshadows_twee" d="M25,30c0,0-8-7-8-10c0-1.663,0-3.63,0-5.056c3.665-0.365,6.746-2.705,8.162-5.944 C25.162,9,23,8,16,8v22H25z"/> <rect x="4" class="flatshadows_vier" width="24" height="2"/> <rect x="4" y="30" class="flatshadows_vier" width="24" height="2"/> <rect x="16" y="30" class="flatshadows_vijf" width="12" height="2"/> <rect x="16" class="flatshadows_vijf" width="12" height="2"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download