SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Dj
Flat Ui 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
2.23 KB
2.02 KB
-10%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="#2C3E50" d="M15 13h70c8.284 0 15 6.716 15 15v57c0 8.285-6.716 15-15 15H15c-8.284 0-15-6.715-15-15V28c0-8.284 6.716-15 15-15z"/><path fill="#3E5266" d="M15 0h70c8.284 0 15 6.716 15 15v66c0 8.285-6.716 15-15 15H15C6.716 96 0 89.285 0 81V15C0 6.716 6.716 0 15 0z"/><path fill="#2C3E50" d="M48.5 15C67.555 15 83 30.446 83 49.5 83 68.555 67.555 84 48.5 84 29.446 84 14 68.555 14 49.5 14 30.446 29.446 15 48.5 15z"/><path fill="#BCC4C8" d="M49 15c18.777 0 34 15.223 34 34S67.777 83 49 83c-18.778 0-34-15.223-34-34 0-18.778 15.222-34 34-34z"/><path fill="#34495E" d="M49 17.756c17.256 0 31.243 13.988 31.243 31.243 0 17.256-13.987 31.245-31.243 31.245-17.255 0-31.243-13.988-31.243-31.245 0-17.254 13.988-31.243 31.243-31.243z"/><path fill="#EBEDEE" d="M49 47a2 2 0 1 1-.001 4.001A2 2 0 0 1 49 47z"/><path fill="#495C6E" d="M53.117 44.991l-1.24 1.239A3.99 3.99 0 0 1 53 49a4 4 0 0 1-4 4 3.987 3.987 0 0 1-2.77-1.123l-1.239 1.239 15.224 25.046a31.33 31.33 0 0 0 18.188-18.584L53.117 44.991zm-33.53-6.54L44.929 53.07l1.243-1.241a4 4 0 0 1 5.656-5.657l1.242-1.243-15.257-25.102a31.328 31.328 0 0 0-18.226 18.624z"/><path fill="#2C3E50" d="M75.99 51.604l9.465-36.238-2.91-.729-8.91 35.642c-.219.155-8.746 8.011-8.746 8.011A3.499 3.499 0 0 0 60 61.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.44 3.44 0 0 0-.156-.979l8.699-7.944v-.001c.258-.25.42-.592.447-.972z"/><path fill="#5FCCFF" d="M49 36c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zm0 17a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/><path fill="#ffffff" d="M86 73c2.762 0 5 2.238 5 5s-2.238 5-5 5-5-2.238-5-5 2.238-5 5-5z"/><path fill="#E45136" d="M86 75a3.001 3.001 0 0 1 0 6 3.001 3.001 0 0 1 0-6z"/><path fill="#ffffff" d="M85 10a6 6 0 0 0-2.863 11.273l-7.502 30.004c-.219.156-8.746 8.013-8.746 8.013A3.499 3.499 0 0 0 61 62.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.45 3.45 0 0 0-.156-.979l8.699-7.945v-.001c.258-.249.42-.591.447-.972l7.992-30.604L85 22a6 6 0 0 0 0-12zM64.5 64a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 64.5 64z"/><path fill="#95A5A6" d="M85 13a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.23 KB
2.02 KB
-10%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="#2C3E50" d="M15 13h70c8.284 0 15 6.716 15 15v57c0 8.285-6.716 15-15 15H15c-8.284 0-15-6.715-15-15V28c0-8.284 6.716-15 15-15z"/><path fill="#3E5266" d="M15 0h70c8.284 0 15 6.716 15 15v66c0 8.285-6.716 15-15 15H15C6.716 96 0 89.285 0 81V15C0 6.716 6.716 0 15 0z"/><path fill="#2C3E50" d="M48.5 15C67.555 15 83 30.446 83 49.5 83 68.555 67.555 84 48.5 84 29.446 84 14 68.555 14 49.5 14 30.446 29.446 15 48.5 15z"/><path fill="#BCC4C8" d="M49 15c18.777 0 34 15.223 34 34S67.777 83 49 83c-18.778 0-34-15.223-34-34 0-18.778 15.222-34 34-34z"/><path fill="#34495E" d="M49 17.756c17.256 0 31.243 13.988 31.243 31.243 0 17.256-13.987 31.245-31.243 31.245-17.255 0-31.243-13.988-31.243-31.245 0-17.254 13.988-31.243 31.243-31.243z"/><path fill="#EBEDEE" d="M49 47a2 2 0 1 1-.001 4.001A2 2 0 0 1 49 47z"/><path fill="#495C6E" d="M53.117 44.991l-1.24 1.239A3.99 3.99 0 0 1 53 49a4 4 0 0 1-4 4 3.987 3.987 0 0 1-2.77-1.123l-1.239 1.239 15.224 25.046a31.33 31.33 0 0 0 18.188-18.584L53.117 44.991zm-33.53-6.54L44.929 53.07l1.243-1.241a4 4 0 0 1 5.656-5.657l1.242-1.243-15.257-25.102a31.328 31.328 0 0 0-18.226 18.624z"/><path fill="#2C3E50" d="M75.99 51.604l9.465-36.238-2.91-.729-8.91 35.642c-.219.155-8.746 8.011-8.746 8.011A3.499 3.499 0 0 0 60 61.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.44 3.44 0 0 0-.156-.979l8.699-7.944v-.001c.258-.25.42-.592.447-.972z"/><path fill="#5FCCFF" d="M49 36c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zm0 17a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/><path fill="#ffffff" d="M86 73c2.762 0 5 2.238 5 5s-2.238 5-5 5-5-2.238-5-5 2.238-5 5-5z"/><path fill="#E45136" d="M86 75a3.001 3.001 0 0 1 0 6 3.001 3.001 0 0 1 0-6z"/><path fill="#ffffff" d="M85 10a6 6 0 0 0-2.863 11.273l-7.502 30.004c-.219.156-8.746 8.013-8.746 8.013A3.499 3.499 0 0 0 61 62.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.45 3.45 0 0 0-.156-.979l8.699-7.945v-.001c.258-.249.42-.591.447-.972l7.992-30.604L85 22a6 6 0 0 0 0-12zM64.5 64a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 64.5 64z"/><path fill="#95A5A6" d="M85 13a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG