SVG
Viewer
Dark mode
Light mode
Hide sidebar
Audio Sound Speaker Volume
Duotone Multimedia 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
950 bytes
766 bytes
-19%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Salma Salsabila: https://www.behance.net/salmasalsabila2 --> <svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#568c78;}.cls-2{fill:#f2d8c2;}</style> </defs> <title/> <g data-name="Layer 10" id="Layer_10"> <path class="cls-1" d="M23.09,23a1,1,0,0,1-.58-.18,1,1,0,0,1-.23-1.4A9.35,9.35,0,0,0,24,16a9.24,9.24,0,0,0-1.87-5.52,1,1,0,0,1,1.6-1.21,11.2,11.2,0,0,1,.17,13.29A1,1,0,0,1,23.09,23Z"/> <path class="cls-1" d="M27,26a1,1,0,0,1-.44-.1,1,1,0,0,1-.46-1.33,19.8,19.8,0,0,0,0-17.14,1,1,0,1,1,1.8-.86A22,22,0,0,1,30,15.76a21.89,21.89,0,0,1-2.15,9.67A1,1,0,0,1,27,26Z"/> </g> <g data-name="Layer 13" id="Layer_13"> <path class="cls-2" d="M20.56,2.11a1,1,0,0,0-1,.09L7.67,11H3a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1H7.7l11.86,7.83a1,1,0,0,0,.55.17,1,1,0,0,0,.48-.12,1,1,0,0,0,.52-.88V3A1,1,0,0,0,20.56,2.11Z"/> </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
950 bytes
766 bytes
-19%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" ?> <!-- License: CC Attribution. Made by Salma Salsabila: https://www.behance.net/salmasalsabila2 --> <svg width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs> <style>.cls-1{fill:#568c78;}.cls-2{fill:#f2d8c2;}</style> </defs> <title/> <g data-name="Layer 10" id="Layer_10"> <path class="cls-1" d="M23.09,23a1,1,0,0,1-.58-.18,1,1,0,0,1-.23-1.4A9.35,9.35,0,0,0,24,16a9.24,9.24,0,0,0-1.87-5.52,1,1,0,0,1,1.6-1.21,11.2,11.2,0,0,1,.17,13.29A1,1,0,0,1,23.09,23Z"/> <path class="cls-1" d="M27,26a1,1,0,0,1-.44-.1,1,1,0,0,1-.46-1.33,19.8,19.8,0,0,0,0-17.14,1,1,0,1,1,1.8-.86A22,22,0,0,1,30,15.76a21.89,21.89,0,0,1-2.15,9.67A1,1,0,0,1,27,26Z"/> </g> <g data-name="Layer 13" id="Layer_13"> <path class="cls-2" d="M20.56,2.11a1,1,0,0,0-1,.09L7.67,11H3a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1H7.7l11.86,7.83a1,1,0,0,0,.55.17,1,1,0,0,0,.48-.12,1,1,0,0,0,.52-.88V3A1,1,0,0,0,20.56,2.11Z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download