SVG
Viewer
Dark mode
Light mode
Hide sidebar
Bulb
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.58 KB
1.36 KB
-14%
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="#F0C419" 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="#FCF062" d="M7.619 21.663L49.999 50 21.689 7.594 7.619 21.663zm84.775.019L78.329 7.607 50 50 .005 40.039 0 59.94 50 50 7.606 78.319l14.065 14.075L50 50.001l-9.958 50.01 19.895.004L50 50.001l28.31 42.406 14.071-14.07L50 50l42.394-28.318zM100 40.061L50 50l49.996 9.962.004-19.901zM40.063-.014L50 49.999 59.958-.01 40.063-.014z"/> <path fill="#FCF062" stroke="#F29C1F" stroke-width="4" stroke-miterlimit="10" d="M60 93H40c0-7.575-3.487-17.565-7.99-21.324A28.114 28.114 0 0 1 22 50.125C22 34.592 34.536 22 50 22s28 12.592 28 28.125c0 8.667-4.156 16.13-10.04 21.576C63.191 76.47 60 85.466 60 93z"/> <path fill="#F29C1F" d="M53 95a1 1 0 0 1-1-1V61h-4v33a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V61h-2.5c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5a6.46 6.46 0 0 1 6.446 5.684A.949.949 0 0 1 48 54v3h4v-3c0-.115.02-.226.056-.329A6.46 6.46 0 0 1 58.5 48c3.584 0 6.5 2.916 6.5 6.5S62.084 61 58.5 61H56v33a1 1 0 0 1-1 1h-2zm5.5-38c1.379 0 2.5-1.121 2.5-2.5s-1.121-2.501-2.5-2.501a2.504 2.504 0 0 0-2.459 2.144l-.041.173V57h2.5zm-17-5.001c-1.378 0-2.5 1.122-2.5 2.501s1.122 2.5 2.5 2.5H44v-2.692l-.04-.165a2.505 2.505 0 0 0-2.46-2.144z"/> <path fill="#E57E25" d="M38 91h24v9H38v-9zm6-27h4v-3h-4v3zm8-3v3h4v-3h-4z"/> </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.58 KB
1.36 KB
-14%
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="#F0C419" 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="#FCF062" d="M7.619 21.663L49.999 50 21.689 7.594 7.619 21.663zm84.775.019L78.329 7.607 50 50 .005 40.039 0 59.94 50 50 7.606 78.319l14.065 14.075L50 50.001l-9.958 50.01 19.895.004L50 50.001l28.31 42.406 14.071-14.07L50 50l42.394-28.318zM100 40.061L50 50l49.996 9.962.004-19.901zM40.063-.014L50 49.999 59.958-.01 40.063-.014z"/> <path fill="#FCF062" stroke="#F29C1F" stroke-width="4" stroke-miterlimit="10" d="M60 93H40c0-7.575-3.487-17.565-7.99-21.324A28.114 28.114 0 0 1 22 50.125C22 34.592 34.536 22 50 22s28 12.592 28 28.125c0 8.667-4.156 16.13-10.04 21.576C63.191 76.47 60 85.466 60 93z"/> <path fill="#F29C1F" d="M53 95a1 1 0 0 1-1-1V61h-4v33a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V61h-2.5c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5a6.46 6.46 0 0 1 6.446 5.684A.949.949 0 0 1 48 54v3h4v-3c0-.115.02-.226.056-.329A6.46 6.46 0 0 1 58.5 48c3.584 0 6.5 2.916 6.5 6.5S62.084 61 58.5 61H56v33a1 1 0 0 1-1 1h-2zm5.5-38c1.379 0 2.5-1.121 2.5-2.5s-1.121-2.501-2.5-2.501a2.504 2.504 0 0 0-2.459 2.144l-.041.173V57h2.5zm-17-5.001c-1.378 0-2.5 1.122-2.5 2.501s1.122 2.5 2.5 2.5H44v-2.692l-.04-.165a2.505 2.505 0 0 0-2.46-2.144z"/> <path fill="#E57E25" d="M38 91h24v9H38v-9zm6-27h4v-3h-4v3zm8-3v3h4v-3h-4z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download