SVG
Viewer
Dark mode
Light mode
Hide sidebar
Celebrate
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.12 KB
610 bytes
-47%
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:#404041;} .st2{fill:#737F7F;} </style> <g> <path class="flatshadows_een" d="M17,4c0,1.105-0.895,2-2,2s-2-0.895-2-2c0-2,2-4,2-4S17,2,17,4z"/> <rect x="13" y="6" class="flatshadows_twee" width="2" height="9"/> <rect x="15" y="6" class="flatshadows_drie" width="2" height="9"/> <path class="flatshadows_vier" d="M15,13h-2c-4,0-9,2-9,5h11V13z"/> <path class="flatshadows_vijf" d="M15,13v5h11c0-3-5-5-9-5H15z"/> <polygon class="flatshadows_een" points="15,18 4,18 7,32 15,32 "/> <polygon class="flatshadows_twee" points="15,32 23,32 26,18 15,18 "/> </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.12 KB
610 bytes
-47%
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:#404041;} .st2{fill:#737F7F;} </style> <g> <path class="flatshadows_een" d="M17,4c0,1.105-0.895,2-2,2s-2-0.895-2-2c0-2,2-4,2-4S17,2,17,4z"/> <rect x="13" y="6" class="flatshadows_twee" width="2" height="9"/> <rect x="15" y="6" class="flatshadows_drie" width="2" height="9"/> <path class="flatshadows_vier" d="M15,13h-2c-4,0-9,2-9,5h11V13z"/> <path class="flatshadows_vijf" d="M15,13v5h11c0-3-5-5-9-5H15z"/> <polygon class="flatshadows_een" points="15,18 4,18 7,32 15,32 "/> <polygon class="flatshadows_twee" points="15,32 23,32 26,18 15,18 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download