SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Trash
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.74 KB
2.42 KB
-12%
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" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#3498DB" d="M50 0c27.613 0 50 22.386 50 50 0 27.615-22.387 50-50 50-27.614 0-50-22.385-50-50C0 22.386 22.386 0 50 0z"/> <defs> <circle id="a" cx="50" cy="50" r="50"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <path clip-path="url(#b)" fill="#2980B9" d="M0 100h31L20 49 0 69z"/> <defs> <circle id="c" cx="50" cy="50" r="50"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <path clip-path="url(#d)" fill="#EBEDEE" d="M74.736 100L80 50H20l5.263 50z"/> <defs> <circle id="e" cx="50" cy="50" r="50"/> </defs> <clipPath id="f"> <use xlink:href="#e" overflow="visible"/> </clipPath> <path clip-path="url(#f)" fill="#C3C9CD" d="M50 100V50H20l5.172 50z"/> <defs> <circle id="g" cx="50" cy="50" r="50"/> </defs> <clipPath id="h"> <use xlink:href="#g" overflow="visible"/> </clipPath> <g clip-path="url(#h)"> <path fill="#95A5A6" d="M79.982 50.801l-.26.004C77.756 53.738 65.203 56 50 56c-15.15 0-27.67-2.246-29.704-5.164h-.285C19.956 50.834 20 53.945 20 54c0 3.314 13.432 6 30 6 16.568 0 30-2.686 30-6 0-.066.038-3.238-.018-3.199z"/> <path fill="#7F8C8D" d="M50.078 60h-.357C33.281 59.971 20 57.295 20 54c0-.055-.044-3.166.011-3.164.01 0 15.013 0 30.009-.005.024.009.08 9.185.058 9.169z"/> <path fill="#EBEDEE" d="M50 44c16.568 0 30 2.687 30 6 0 3.314-13.432 6-30 6-16.568 0-30-2.686-30-6 0-3.313 13.432-6 30-6z"/> <path fill="#F1C40E" d="M50 56c7.678 0 14.678-.577 19.98-1.525l-9.48-9.479-11.005 11.002L50 56z"/> <path fill="#ffffff" d="M50 56c4.227 0 8.247-.175 11.895-.49L46 39.615 30.978 54.639C36.154 55.488 42.776 56 50 56z"/> </g> <defs> <circle id="i" cx="50" cy="50" r="50"/> </defs> <clipPath id="j"> <use xlink:href="#i" overflow="visible"/> </clipPath> <path clip-path="url(#j)" fill="#95A5A6" d="M33.628 100L32 65a2 2 0 0 0-4 0l1.628 35h4z"/> <defs> <circle id="k" cx="50" cy="50" r="50"/> </defs> <clipPath id="l"> <use xlink:href="#k" overflow="visible"/> </clipPath> <path clip-path="url(#l)" fill="#BDC3C7" d="M69.372 100L71 65a2 2 0 0 0-4 0l-1.628 35h4z"/> <defs> <circle id="m" cx="50" cy="50" r="50"/> </defs> <clipPath id="n"> <use xlink:href="#m" overflow="visible"/> </clipPath> <path clip-path="url(#n)" fill="#BDC3C7" d="M59.21 100L60 66a2 2 0 0 0-4 0l-.79 34h4z"/> <defs> <circle id="o" cx="50" cy="50" r="50"/> </defs> <clipPath id="p"> <use xlink:href="#o" overflow="visible"/> </clipPath> <path clip-path="url(#p)" fill="#95A5A6" d="M43.791 100L43 66a2 2 0 0 0-4 0l.791 34h4z"/> </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
2.74 KB
2.42 KB
-12%
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" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#3498DB" d="M50 0c27.613 0 50 22.386 50 50 0 27.615-22.387 50-50 50-27.614 0-50-22.385-50-50C0 22.386 22.386 0 50 0z"/> <defs> <circle id="a" cx="50" cy="50" r="50"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <path clip-path="url(#b)" fill="#2980B9" d="M0 100h31L20 49 0 69z"/> <defs> <circle id="c" cx="50" cy="50" r="50"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <path clip-path="url(#d)" fill="#EBEDEE" d="M74.736 100L80 50H20l5.263 50z"/> <defs> <circle id="e" cx="50" cy="50" r="50"/> </defs> <clipPath id="f"> <use xlink:href="#e" overflow="visible"/> </clipPath> <path clip-path="url(#f)" fill="#C3C9CD" d="M50 100V50H20l5.172 50z"/> <defs> <circle id="g" cx="50" cy="50" r="50"/> </defs> <clipPath id="h"> <use xlink:href="#g" overflow="visible"/> </clipPath> <g clip-path="url(#h)"> <path fill="#95A5A6" d="M79.982 50.801l-.26.004C77.756 53.738 65.203 56 50 56c-15.15 0-27.67-2.246-29.704-5.164h-.285C19.956 50.834 20 53.945 20 54c0 3.314 13.432 6 30 6 16.568 0 30-2.686 30-6 0-.066.038-3.238-.018-3.199z"/> <path fill="#7F8C8D" d="M50.078 60h-.357C33.281 59.971 20 57.295 20 54c0-.055-.044-3.166.011-3.164.01 0 15.013 0 30.009-.005.024.009.08 9.185.058 9.169z"/> <path fill="#EBEDEE" d="M50 44c16.568 0 30 2.687 30 6 0 3.314-13.432 6-30 6-16.568 0-30-2.686-30-6 0-3.313 13.432-6 30-6z"/> <path fill="#F1C40E" d="M50 56c7.678 0 14.678-.577 19.98-1.525l-9.48-9.479-11.005 11.002L50 56z"/> <path fill="#ffffff" d="M50 56c4.227 0 8.247-.175 11.895-.49L46 39.615 30.978 54.639C36.154 55.488 42.776 56 50 56z"/> </g> <defs> <circle id="i" cx="50" cy="50" r="50"/> </defs> <clipPath id="j"> <use xlink:href="#i" overflow="visible"/> </clipPath> <path clip-path="url(#j)" fill="#95A5A6" d="M33.628 100L32 65a2 2 0 0 0-4 0l1.628 35h4z"/> <defs> <circle id="k" cx="50" cy="50" r="50"/> </defs> <clipPath id="l"> <use xlink:href="#k" overflow="visible"/> </clipPath> <path clip-path="url(#l)" fill="#BDC3C7" d="M69.372 100L71 65a2 2 0 0 0-4 0l-1.628 35h4z"/> <defs> <circle id="m" cx="50" cy="50" r="50"/> </defs> <clipPath id="n"> <use xlink:href="#m" overflow="visible"/> </clipPath> <path clip-path="url(#n)" fill="#BDC3C7" d="M59.21 100L60 66a2 2 0 0 0-4 0l-.79 34h4z"/> <defs> <circle id="o" cx="50" cy="50" r="50"/> </defs> <clipPath id="p"> <use xlink:href="#o" overflow="visible"/> </clipPath> <path clip-path="url(#p)" fill="#95A5A6" d="M43.791 100L43 66a2 2 0 0 0-4 0l.791 34h4z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download