SVG
Viewer
Dark mode
Light mode
Hide sidebar
Wine
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.64 KB
1.46 KB
-11%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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"> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#F3F3F3" cx="50" cy="50" r="50"/> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <path fill="#27B99A" d="M67 112.75a2.5 2.5 0 0 1-2.5 2.5h-43a2.5 2.5 0 0 1-2.5-2.5v-54C19 36.25 36 21.017 36 2v-22c-.883-.386-2-1.225-2-2.25v-6.25a2.5 2.5 0 0 1 2.5-2.5h13a2.5 2.5 0 0 1 2.5 2.5v6.25c0 1.025-1.117 1.864-2 2.25V2c0 19.007 17 34.25 17 56.75v54z"/> <path fill="#56C1A7" d="M22 61h12a3 3 0 0 1 3 3v33a3 3 0 0 1-3 3H22a3 3 0 0 1-3-3V64a3 3 0 0 1 3-3z"/> <path fill="#BDC2C7" d="M69 96v19h14v3H51v-3h14V96c0-15.094-14-14.359-14-37 0-13.082 3-23 3-23h26s3 9.918 3 23c0 22.641-14 21.906-14 37z"/> <path fill="#EBECED" d="M65 100v-4c0-15.094-14-14.359-14-37 0-13.082 3-23 3-23h7.22C64.391 43.246 67 50.941 67 59.75V100h-2z"/> <path fill="#FBF063" d="M79.517 49A96.31 96.31 0 0 1 80 58.494c0 12.009-3.787 16.68-7.798 21.769-2.336 2.338-7.899 2.372-10.404-.136C57.787 75.039 54 70.504 54 58.494c0-3.357.193-6.59.483-9.494h25.034z"/> <path fill="#F0C419" d="M72.202 80.263c-1.18 1.181-3.185 1.772-5.202 1.746V59.75c0-3.771-.485-7.335-1.28-10.75h13.798c.289 2.904.482 6.138.482 9.494 0 12.01-3.787 16.68-7.798 21.769z"/> <path opacity=".6" fill="#ffffff" d="M59.5 55a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 59.5 55zm12 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 71.5 63zm-1 12a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 70.5 75z"/> </g> </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.64 KB
1.46 KB
-11%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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"> <circle fill-rule="evenodd" clip-rule="evenodd" fill="#F3F3F3" cx="50" cy="50" r="50"/> <clipPath id="a"> <circle cx="50" cy="50" r="50"/> </clipPath> <g fill-rule="evenodd" clip-rule="evenodd" clip-path="url(#a)"> <path fill="#27B99A" d="M67 112.75a2.5 2.5 0 0 1-2.5 2.5h-43a2.5 2.5 0 0 1-2.5-2.5v-54C19 36.25 36 21.017 36 2v-22c-.883-.386-2-1.225-2-2.25v-6.25a2.5 2.5 0 0 1 2.5-2.5h13a2.5 2.5 0 0 1 2.5 2.5v6.25c0 1.025-1.117 1.864-2 2.25V2c0 19.007 17 34.25 17 56.75v54z"/> <path fill="#56C1A7" d="M22 61h12a3 3 0 0 1 3 3v33a3 3 0 0 1-3 3H22a3 3 0 0 1-3-3V64a3 3 0 0 1 3-3z"/> <path fill="#BDC2C7" d="M69 96v19h14v3H51v-3h14V96c0-15.094-14-14.359-14-37 0-13.082 3-23 3-23h26s3 9.918 3 23c0 22.641-14 21.906-14 37z"/> <path fill="#EBECED" d="M65 100v-4c0-15.094-14-14.359-14-37 0-13.082 3-23 3-23h7.22C64.391 43.246 67 50.941 67 59.75V100h-2z"/> <path fill="#FBF063" d="M79.517 49A96.31 96.31 0 0 1 80 58.494c0 12.009-3.787 16.68-7.798 21.769-2.336 2.338-7.899 2.372-10.404-.136C57.787 75.039 54 70.504 54 58.494c0-3.357.193-6.59.483-9.494h25.034z"/> <path fill="#F0C419" d="M72.202 80.263c-1.18 1.181-3.185 1.772-5.202 1.746V59.75c0-3.771-.485-7.335-1.28-10.75h13.798c.289 2.904.482 6.138.482 9.494 0 12.01-3.787 16.68-7.798 21.769z"/> <path opacity=".6" fill="#ffffff" d="M59.5 55a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 59.5 55zm12 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 71.5 63zm-1 12a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 70.5 75z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download