SVG
Viewer
Dark mode
Light mode
Hide sidebar
Location 2
Nimble Tiny Flat 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
633 bytes
369 bytes
-42%
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: CC Attribution. Made by Zlatko Najdenovski: https://www.figma.com/@zlat --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1C19.87 1 23 4.13 23 8C23 11.87 19.87 15 16 15C12.13 15 9 11.87 9 8C9 4.13 12.13 1 16 1Z" fill="#FFC44D"/> <path d="M5 31H27M16 31V15C12.134 15 9 11.866 9 8C9 4.134 12.134 1 16 1C19.866 1 23 4.134 23 8C23 10.774 21.387 13.172 19.047 14.305M18.834 7.0117C18.536 6.1577 17.863 5.4807 17.014 5.1757" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </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
633 bytes
369 bytes
-42%
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: CC Attribution. Made by Zlatko Najdenovski: https://www.figma.com/@zlat --> <svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1C19.87 1 23 4.13 23 8C23 11.87 19.87 15 16 15C12.13 15 9 11.87 9 8C9 4.13 12.13 1 16 1Z" fill="#FFC44D"/> <path d="M5 31H27M16 31V15C12.134 15 9 11.866 9 8C9 4.134 12.134 1 16 1C19.866 1 23 4.134 23 8C23 10.774 21.387 13.172 19.047 14.305M18.834 7.0117C18.536 6.1577 17.863 5.4807 17.014 5.1757" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download