Clouds Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Clouds 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/305406.svg" alt="Clouds icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305406.svg" alt="Clouds icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305406.svg" alt="Clouds icon" :width="24" :height="24" />
CSS background
.icon-clouds {
background-image: url('https://proicons.com/icon/305406.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="M892 475c-47-46-103-60-166-36-12 4-16 4-22-9-36-89-112-143-203-147-42-20-91-27-142-21-103 12-185 94-204 205-1 7 0 15-8 19-19 7-33 18-45 32v-1s-87 83-2 177c2 3 5 6 7 8l1 2v-1c21 20 48 32 80 35 23 2 90 2 132 2 24 0 48-1 72-1h274c42 0 80 1 117 0 67-3 115-35 142-95 25-58 12-125-33-169zm-627 5c-1 6 0 14-8 17-17 8-31 18-42 31h-1s-82 78-1 169c2 2 4 5 7 7l1 1c19 19 45 31 76 33 4 1 8 1 12 1-23 0-50-1-53-1-31-3-56-14-76-33l-1-1c-3-2-5-5-7-8-81-90 2-169 2-169v1c11-13 25-24 43-31 7-3 6-11 8-18 18-105 96-183 195-195 24-3 49-4 72-1-11 0-21 0-32 1-99 12-177 90-195 196z"/></svg>
More from IcoFont
View all
Clouds in other icon packs
Copied!