Cloudy Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Cloudy icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305407.svg" alt="Cloudy icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305407.svg" alt="Cloudy icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305407.svg" alt="Cloudy icon" :width="24" :height="24" />
CSS background
.icon-cloudy {
background-image: url('https://proicons.com/icon/305407.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M566 451c-8 3-11 3-15-6-28-69-92-107-166-99-67 8-119 61-132 133-1 4 0 9-5 11-12 6-21 13-29 21s-56 53-1 114c1 2 3 4 4 6h1c13 13 31 21 51 23 22 2 44 0 65 0h186c28 0 54 1 80 0 45-2 77-23 95-65 17-39 9-84-22-114-32-31-70-40-112-24zM150 607c-1 0-2 0-3-2-7-16-22-25-39-23-16 2-28 14-31 31-1 1 0 3-2 3-2 1-5 3-6 5 0 0-14 13-1 27 1 0 1 1 1 1h1c3 3 7 5 12 6h78c10-1 18-6 22-15 5-10 3-20-5-27-7-8-16-10-27-6zm438-192c3 4 8 5 13 6h80c11-1 19-6 23-16 4-9 2-20-5-28-8-7-17-9-27-6-2 1-3 1-4-1-7-17-22-26-40-24-17 2-29 15-32 32-1 1 0 2-2 3-3 1-5 3-7 5 0 0-13 13 0 28l1 1zm337 157c-12-12-27-15-44-9-3 1-5 1-6-3-11-27-37-42-66-39-26 3-47 24-52 53 0 2 0 4-2 5-5 2-9 4-12 8s-22 21 0 45l2 2v1c5 5 12 8 20 8 9 1 17 1 26 1h105c18-1 31-10 38-26s4-34-9-46z"/></svg>
More from IcoFont
View all
Cloudy in other icon packs
Copied!