SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Mic
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.85 KB
2.57 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.003 0 100.002 100.002" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#EBF0F1" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009C.007 22.389 22.366 0 49.985 0z"/> <defs> <path id="a" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009C.007 22.389 22.366 0 49.985 0z"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <g clip-path="url(#b)"> <path fill="#1C3C50" d="M27.966 60.007h44.059v-4H28.001z"/> <path fill="#23475F" d="M78.009 60.796v-7.062c0-1.508-1.526-2.729-3.022-2.729-1.495 0-2.959 1.224-2.959 2.729v7.062c0 12.544-9.567 22.249-22.019 22.249-12.451 0-22.049-9.705-22.049-22.249l.062-7.062c0-1.508-1.557-2.729-3.054-2.729-1.497 0-2.96 1.224-2.96 2.729v7.062c0 14.188 10.454 25.96 24.009 27.917v11.303H32.912v.016c-2.172.007-3.931 1.854-3.931 3.979 0 2.124 1.76 4.014 3.931 4.02h34.154v-.004c2.164-.017 3.912-1.897 3.912-4.018 0-2.117-1.748-3.959-3.912-3.976v-.019H54.003V88.713c13.554-1.959 24.006-13.729 24.006-27.917z"/> <path fill="#BCC4C8" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> <path fill="#1C3C50" d="M68.004 57.007v4H32.035v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18 9.94 0 18-8.059 18-18v-4h-.005z"/> <path fill="#DF3627" d="M32.035 55.007h35.969v6H32.035v-6z"/> <path fill="#A9B0B4" d="M32.009 27.007v34c0 9.941 8.059 18 18 18v-70c-9.941 0-18 8.059-18 18z"/> <path fill="#C83021" d="M32.035 55.007h17.974v6H32.035z"/> <path fill="#193648" d="M32.035 61.007v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18v-18H32.035z"/> <defs> <path id="c" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> </defs> <defs> <path id="e" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <clipPath id="f" clip-path="url(#d)"> <use xlink:href="#e" overflow="visible"/> </clipPath> <path clip-path="url(#f)" fill="#7A8D8E" d="M78.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6z"/> <path clip-path="url(#f)" fill="#1C3C50" d="M50.008 89.005a27.94 27.94 0 0 1-4-.292v2.295h8v-2.295a27.92 27.92 0 0 1-4 .292z"/> <path clip-path="url(#f)" fill="#6E7F80" d="M42.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6z"/> </g> </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.85 KB
2.57 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.003 0 100.002 100.002" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#EBF0F1" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009C.007 22.389 22.366 0 49.985 0z"/> <defs> <path id="a" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009C.007 22.389 22.366 0 49.985 0z"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <g clip-path="url(#b)"> <path fill="#1C3C50" d="M27.966 60.007h44.059v-4H28.001z"/> <path fill="#23475F" d="M78.009 60.796v-7.062c0-1.508-1.526-2.729-3.022-2.729-1.495 0-2.959 1.224-2.959 2.729v7.062c0 12.544-9.567 22.249-22.019 22.249-12.451 0-22.049-9.705-22.049-22.249l.062-7.062c0-1.508-1.557-2.729-3.054-2.729-1.497 0-2.96 1.224-2.96 2.729v7.062c0 14.188 10.454 25.96 24.009 27.917v11.303H32.912v.016c-2.172.007-3.931 1.854-3.931 3.979 0 2.124 1.76 4.014 3.931 4.02h34.154v-.004c2.164-.017 3.912-1.897 3.912-4.018 0-2.117-1.748-3.959-3.912-3.976v-.019H54.003V88.713c13.554-1.959 24.006-13.729 24.006-27.917z"/> <path fill="#BCC4C8" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> <path fill="#1C3C50" d="M68.004 57.007v4H32.035v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18 9.94 0 18-8.059 18-18v-4h-.005z"/> <path fill="#DF3627" d="M32.035 55.007h35.969v6H32.035v-6z"/> <path fill="#A9B0B4" d="M32.009 27.007v34c0 9.941 8.059 18 18 18v-70c-9.941 0-18 8.059-18 18z"/> <path fill="#C83021" d="M32.035 55.007h17.974v6H32.035z"/> <path fill="#193648" d="M32.035 61.007v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18v-18H32.035z"/> <defs> <path id="c" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> </defs> <defs> <path id="e" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18z"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <clipPath id="f" clip-path="url(#d)"> <use xlink:href="#e" overflow="visible"/> </clipPath> <path clip-path="url(#f)" fill="#7A8D8E" d="M78.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6z"/> <path clip-path="url(#f)" fill="#1C3C50" d="M50.008 89.005a27.94 27.94 0 0 1-4-.292v2.295h8v-2.295a27.92 27.92 0 0 1-4 .292z"/> <path clip-path="url(#f)" fill="#6E7F80" d="M42.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6zm-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG