SVG
Viewer
Dark mode
Light mode
Hide sidebar
Storage
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
1.27 KB
1.08 KB
-15%
Prettify
Preferences
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 -8.6 100.208 100.208" xmlns="http://www.w3.org/2000/svg"> <path fill="#3B97D3" d="M86.786 28.939c.145-.945.243-1.904.243-2.888 0-10.47-8.489-18.958-18.957-18.958a18.831 18.831 0 0 0-10.046 2.904C53.465 3.99 46.256.108 38.138.108c-13.777 0-24.945 11.168-24.945 24.945 0 1.314.104 2.604.299 3.864C5.801 31.334.222 38.518.222 47.006c0 10.471 8.488 18.957 18.953 18.957h61.863c10.475 0 18.963-8.486 18.963-18.957-.001-8.467-5.551-15.633-13.215-18.067z"/> <path fill="#66B5E4" d="M21.109 53h57.784v30H21.109V53z"/> <path fill="#53A4DB" d="M34.035 69h32l-14 14H21.141l-.032-.968L34.035 69z"/> <path fill="#6BC9F2" d="M67.993 41.99L78.893 53H21.109l10.887-10.992 35.997-.018z"/> <path fill="#EBECED" d="M29.003 26h41.955l.045 7.986V50h-42V26z"/> <g fill="#2880BA"> <circle cx="65.502" cy="68" r="3"/> <circle cx="34.502" cy="68" r="3"/> </g> <path fill="#BDC2C7" d="M39.003 33v2h22v-2h-22zm0 6h22v-2h-22v2zm0 4h22v-2h-22v2z"/> <path fill="#DADADB" d="M29.003 50v-2h42v2h-42z"/> <path fill="#EBECED" d="M36.003 66h28a2 2 0 0 1 0 4h-28a2 2 0 0 1 0-4z"/> <path fill="#DADADB" d="M66.002 68h-32a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2z"/> </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.27 KB
1.08 KB
-15%
Prettify
Preferences
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 -8.6 100.208 100.208" xmlns="http://www.w3.org/2000/svg"> <path fill="#3B97D3" d="M86.786 28.939c.145-.945.243-1.904.243-2.888 0-10.47-8.489-18.958-18.957-18.958a18.831 18.831 0 0 0-10.046 2.904C53.465 3.99 46.256.108 38.138.108c-13.777 0-24.945 11.168-24.945 24.945 0 1.314.104 2.604.299 3.864C5.801 31.334.222 38.518.222 47.006c0 10.471 8.488 18.957 18.953 18.957h61.863c10.475 0 18.963-8.486 18.963-18.957-.001-8.467-5.551-15.633-13.215-18.067z"/> <path fill="#66B5E4" d="M21.109 53h57.784v30H21.109V53z"/> <path fill="#53A4DB" d="M34.035 69h32l-14 14H21.141l-.032-.968L34.035 69z"/> <path fill="#6BC9F2" d="M67.993 41.99L78.893 53H21.109l10.887-10.992 35.997-.018z"/> <path fill="#EBECED" d="M29.003 26h41.955l.045 7.986V50h-42V26z"/> <g fill="#2880BA"> <circle cx="65.502" cy="68" r="3"/> <circle cx="34.502" cy="68" r="3"/> </g> <path fill="#BDC2C7" d="M39.003 33v2h22v-2h-22zm0 6h22v-2h-22v2zm0 4h22v-2h-22v2z"/> <path fill="#DADADB" d="M29.003 50v-2h42v2h-42z"/> <path fill="#EBECED" d="M36.003 66h28a2 2 0 0 1 0 4h-28a2 2 0 0 1 0-4z"/> <path fill="#DADADB" d="M66.002 68h-32a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download