SVG
Viewer
Dark mode
Light mode
Hide sidebar
Cloudy
Iconhub Glyph 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
592 bytes
415 bytes
-30%
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 iconhub: https://iconhub.io/ --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="cloudy" class="icon glyph"><path d="M21,11a3.9,3.9,0,0,1-.48,1.89A4,4,0,0,0,18,12h0a5,5,0,0,0-8,0h0a4,4,0,0,0-3.87,3H6A3,3,0,1,1,7.08,9.21a5,5,0,0,1,9-2.09A4.08,4.08,0,0,1,17,7,4,4,0,0,1,21,11Zm-1.06,2.71h0A3,3,0,0,0,18,13a3.17,3.17,0,0,0-.53.05,4,4,0,0,0-6.94,0A3.17,3.17,0,0,0,10,13a3,3,0,0,0-2.82,2A2.77,2.77,0,0,0,7,16a3,3,0,0,0,3,3h8a3,3,0,0,0,1.94-5.29Z"></path></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
592 bytes
415 bytes
-30%
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 iconhub: https://iconhub.io/ --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="cloudy" class="icon glyph"><path d="M21,11a3.9,3.9,0,0,1-.48,1.89A4,4,0,0,0,18,12h0a5,5,0,0,0-8,0h0a4,4,0,0,0-3.87,3H6A3,3,0,1,1,7.08,9.21a5,5,0,0,1,9-2.09A4.08,4.08,0,0,1,17,7,4,4,0,0,1,21,11Zm-1.06,2.71h0A3,3,0,0,0,18,13a3.17,3.17,0,0,0-.53.05,4,4,0,0,0-6.94,0A3.17,3.17,0,0,0,10,13a3,3,0,0,0-2.82,2A2.77,2.77,0,0,0,7,16a3,3,0,0,0,3,3h8a3,3,0,0,0,1.94-5.29Z"></path></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download