Icon sets / Material Symbols / cloud-circle-outline
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="currentColor" d="M8.5 16H16q1.25 0 2.125-.875T19 13t-.875-2.125T16 10q-.2-1.45-1.325-2.475T12.15 6.5q-1.275 0-2.312.65T8.3 9q-1.425.125-2.363 1.088T5 12.5t1.025 2.475T8.5 16m0-2q-.625 0-1.062-.437T7 12.5t.438-1.062T8.5 11H10v-.5q0-.825.588-1.412T12 8.5t1.413.588T14 10.5V12h2q.425 0 .713.288T17 13t-.288.713T16 14zm3.5 8q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8"/></g></svg>
Customize
About this icon
This is the cloud circle icon from Material Symbols, in its outline style. Cloud icons mean online storage or sync, and in weather apps, simply clouds. Try not to use one shape for both.
It's a solid shape on a 24 × 24 grid. Shapes like this read well on buttons and at small sizes.
It's free for personal and commercial use (Apache 2.0). Not quite the look you need? The same symbol comes in 19 other styles below.
| Icon set | Material Symbols (version 1.2.96) |
| Author | |
| Licence | Apache 2.0 |
| Style | outline |
| Original size | 24 × 24 |
| Name | material-symbols:cloud-circle-outline |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it