SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Compas
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.99 KB
2.75 KB
-8%
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.5 112 112" xmlns="http://www.w3.org/2000/svg"><circle fill="#3498DA" cx="50" cy="61" r="50"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#27AE60" d="M15.511 97.184C5.961 88.076 0 75.239 0 61.002 0 33.387 22.386 11 50.001 11c14.395 0 27.359 6.091 36.482 15.826L15.511 97.184z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#95A5A6" d="M84.489 24.816C94.039 33.924 100 46.761 100 60.998c0 13.668-5.484 26.055-14.372 35.08-14.109-14.109-9.155-9.144-36.401-36.304l35.262-34.958z"/><path fill="#F1C40F" d="M88.062 93.404L55.488 60.832l32.418-32.417a50.354 50.354 0 0 0-5.053-5.088L12.326 93.854a50.364 50.364 0 0 0 5.089 5.053L49.832 66.49l32.573 32.572a50.207 50.207 0 0 0 5.657-5.658z"/><path opacity=".05" fill-rule="evenodd" clip-rule="evenodd" d="M104.287 36.302c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.205c10.024 13.692 8.892 33.002-3.48 45.374-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.223c-4.146-7.426-3.082-16.979 3.23-23.292 7.618-7.617 19.969-7.617 27.588 0 7.616 7.618 7.616 19.97-.001 27.589zm-3.557-24.021c-5.659-5.665-14.835-5.665-20.494 0-5.659 5.664-5.659 14.849 0 20.514 5.659 5.664 14.835 5.664 20.494 0 5.66-5.665 5.66-14.85 0-20.514z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#E74C3C" d="M106.287 33.356c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.206c10.024 13.692 8.892 33.001-3.48 45.374-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.222c-4.146-7.426-3.082-16.98 3.23-23.292 7.618-7.617 19.969-7.617 27.588 0 7.616 7.617 7.616 19.969-.001 27.587zm-3.557-24.02c-5.659-5.665-14.835-5.665-20.494 0-5.659 5.664-5.659 14.849 0 20.514 5.659 5.664 14.835 5.664 20.494 0 5.66-5.665 5.66-14.85 0-20.514z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" cx="50" cy="61" r="27"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="50.5" cy="43.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="50.5" cy="78.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="32.5" cy="60.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="68.5" cy="60.75" r="2.5"/><path opacity=".15" fill-rule="evenodd" clip-rule="evenodd" d="M50 34c-7.965 0-15.122 3.45-20.064 8.936A26.894 26.894 0 0 1 48 36c14.912 0 27 12.088 27 27a26.896 26.896 0 0 1-6.936 18.064C73.55 76.122 77 68.965 77 61c0-14.912-12.088-27-27-27z"/><path fill="#34495E" d="M65.141 44.533L53.31 64.696 33.312 76.362l31.829-31.829z"/><path fill="#306DAB" d="M33.312 76.362l11.831-20.163 19.998-11.667-31.829 31.83z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#C0392B" d="M78.807 24.561l8.021 8.021c1.952 1.954 1.403 4.252-.354 6.01s-4.058 2.307-6.01.354l-8.021-8.021c-1.953-1.952-1.404-4.253.354-6.01 1.758-1.758 4.057-2.307 6.01-.354z"/></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.99 KB
2.75 KB
-8%
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.5 112 112" xmlns="http://www.w3.org/2000/svg"><circle fill="#3498DA" cx="50" cy="61" r="50"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#27AE60" d="M15.511 97.184C5.961 88.076 0 75.239 0 61.002 0 33.387 22.386 11 50.001 11c14.395 0 27.359 6.091 36.482 15.826L15.511 97.184z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#95A5A6" d="M84.489 24.816C94.039 33.924 100 46.761 100 60.998c0 13.668-5.484 26.055-14.372 35.08-14.109-14.109-9.155-9.144-36.401-36.304l35.262-34.958z"/><path fill="#F1C40F" d="M88.062 93.404L55.488 60.832l32.418-32.417a50.354 50.354 0 0 0-5.053-5.088L12.326 93.854a50.364 50.364 0 0 0 5.089 5.053L49.832 66.49l32.573 32.572a50.207 50.207 0 0 0 5.657-5.658z"/><path opacity=".05" fill-rule="evenodd" clip-rule="evenodd" d="M104.287 36.302c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.205c10.024 13.692 8.892 33.002-3.48 45.374-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.223c-4.146-7.426-3.082-16.979 3.23-23.292 7.618-7.617 19.969-7.617 27.588 0 7.616 7.618 7.616 19.97-.001 27.589zm-3.557-24.021c-5.659-5.665-14.835-5.665-20.494 0-5.659 5.664-5.659 14.849 0 20.514 5.659 5.664 14.835 5.664 20.494 0 5.66-5.665 5.66-14.85 0-20.514z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#E74C3C" d="M106.287 33.356c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.206c10.024 13.692 8.892 33.001-3.48 45.374-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.222c-4.146-7.426-3.082-16.98 3.23-23.292 7.618-7.617 19.969-7.617 27.588 0 7.616 7.617 7.616 19.969-.001 27.587zm-3.557-24.02c-5.659-5.665-14.835-5.665-20.494 0-5.659 5.664-5.659 14.849 0 20.514 5.659 5.664 14.835 5.664 20.494 0 5.66-5.665 5.66-14.85 0-20.514z"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" cx="50" cy="61" r="27"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="50.5" cy="43.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="50.5" cy="78.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="32.5" cy="60.75" r="2.5"/><circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECF0F1" cx="68.5" cy="60.75" r="2.5"/><path opacity=".15" fill-rule="evenodd" clip-rule="evenodd" d="M50 34c-7.965 0-15.122 3.45-20.064 8.936A26.894 26.894 0 0 1 48 36c14.912 0 27 12.088 27 27a26.896 26.896 0 0 1-6.936 18.064C73.55 76.122 77 68.965 77 61c0-14.912-12.088-27-27-27z"/><path fill="#34495E" d="M65.141 44.533L53.31 64.696 33.312 76.362l31.829-31.829z"/><path fill="#306DAB" d="M33.312 76.362l11.831-20.163 19.998-11.667-31.829 31.83z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#C0392B" d="M78.807 24.561l8.021 8.021c1.952 1.954 1.403 4.252-.354 6.01s-4.058 2.307-6.01.354l-8.021-8.021c-1.953-1.952-1.404-4.253.354-6.01 1.758-1.758 4.057-2.307 6.01-.354z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG