Cloud Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

cloud upload storage server internet sync

The Cloud icon is commonly used in storage apps, sync indicators and cloud service dashboards. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307055.svg" alt="Cloud icon" width="24" height="24">

<img src="https://proicons.com/icon/307055.svg" alt="Cloud icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307055.svg"
  alt="Cloud icon"
  :width="24"
  :height="24"
/>

.icon-cloud {
  background-image: url('https://proicons.com/icon/307055.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M8 4C6.34315 4 5 5.34315 5 7C5 7.27614 4.77614 7.5 4.5 7.5H4.25C3.00736 7.5 2 8.50736 2 9.75C2 10.9926 3.00736 12 4.25 12H11.75C12.9926 12 14 10.9926 14 9.75C14 8.50736 12.9926 7.5 11.75 7.5H11.5C11.2239 7.5 11 7.27614 11 7C11 5.34315 9.65685 4 8 4ZM4.03004 6.50733C4.27283 4.53062 5.95767 3 8 3C10.0423 3 11.7272 4.53063 11.97 6.50733C13.6623 6.62043 15 8.029 15 9.75C15 11.5449 13.5449 13 11.75 13H4.25C2.45507 13 1 11.5449 1 9.75C1 8.029 2.33769 6.62043 4.03004 6.50733Z"/></svg>