Cloud Download 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 download upload storage server internet sync save

The Cloud Download 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 tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M11.5 7C9.015 7 7 9.015 7 11.5C7 13.985 9.015 16 11.5 16C13.985 16 16 13.985 16 11.5C16 9.015 13.985 7 11.5 7ZM13.854 11.854L11.854 13.854C11.806 13.902 11.751 13.938 11.692 13.963C11.634 13.987 11.57 14 11.504 14.001H11.498C11.431 14.001 11.368 13.987 11.31 13.963C11.252 13.939 11.197 13.903 11.15 13.857L11.147 13.854L9.147 11.854C8.952 11.659 8.952 11.342 9.147 11.147C9.342 10.952 9.659 10.952 9.854 11.147L11 12.294V9.001C11 8.725 11.224 8.501 11.5 8.501C11.776 8.501 12 8.725 12 9.001V12.294L13.146 11.147C13.341 10.952 13.658 10.952 13.853 11.147C14.048 11.342 14.048 11.659 13.853 11.854H13.854ZM4.25 12H6V13H4.25C2.455 13 1 11.545 1 9.75C1 8.029 2.338 6.62 4.03 6.507C4.273 4.53 5.958 3 8 3C9.862 3 11.411 4.278 11.857 6H10.811C10.397 4.838 9.303 4 8 4C6.343 4 5 5.343 5 7C5 7.276 4.776 7.5 4.5 7.5H4.25C3.007 7.5 2 8.507 2 9.75C2 10.993 3.007 12 4.25 12Z"/></svg>