Add icons to this collection by clicking the heart icon.
Cloud icon - also known as interface, arrow, cloud, connection, internet, download, ui, and down arrow. Created in a clean lineal color style with a white, silver, black, yellow, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M502.218 406.831H9.021v63.638h493.197z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M88.568 406.831H9.02v63.638h79.548z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M502.218 40.91H9.021v365.921h493.197z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#69f0f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M88.568 40.91H9.02v365.921h79.548z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1dbcc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-159.096v429.559h262.509"
transform="translate(168.117 40.91)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h206.824v-429.559h-310.237"
transform="translate(295.394 470.469)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.846 97.8)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 86.272 97.8)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h294.327"
transform="matrix(1.33333 0 0 -1.33333 234.762 97.8)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h493.197"
transform="translate(9.02 406.831)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h39.773v-39.774"
transform="matrix(1.33333 0 0 -1.33333 574.167 182.651)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.846 585.694)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 86.272 585.694)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.846 543.268)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c26.33 0 47.729-21.397 47.729-47.729 0-26.33-21.399-47.728-47.729-47.728h-167.051c-26.33 0-47.729 21.398-47.729 47.728C-214.78-21.397-193.381 0-167.051 0c3.978 0 7.875-.557 11.614-1.511 9.387 28.637 36.194 49.24 67.934 49.24 32.614 0 60.059-21.796 68.73-51.546C-13.046-1.352-6.683 0 0 0"
transform="translate(343.122 303.418)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 26.331 21.398 47.729 47.729 47.729 3.977 0 7.875-.557 11.614-1.511 5.522 16.845 17.1 30.867 32.136 39.595-10.53 6.103-22.733 9.645-35.795 9.645-31.74 0-58.547-20.603-67.934-49.24-3.739.954-7.637 1.511-11.614 1.511-26.331 0-47.729-21.398-47.729-47.729 0-26.33 21.398-47.729 47.729-47.729h71.593C21.398-47.729 0-26.33 0 0"
transform="translate(199.935 255.69)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c26.359 0 47.729 21.369 47.729 47.729S26.359 95.457 0 95.457a47.573 47.573 0 0 1-18.799-3.856c-8.663 29.793-36.116 51.586-68.704 51.586-31.712 0-58.564-20.64-67.971-49.203-3.713.927-7.577 1.473-11.577 1.473-26.36 0-47.729-21.368-47.729-47.728C-214.78 21.369-193.411 0-167.051 0h143.187"
transform="translate(343.122 207.96)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-95.457"
transform="translate(255.62 176.142)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 31.819-31.818L63.639 0"
transform="translate(223.8 112.503)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 21.967 17.808 39.774 39.774 39.774"
transform="translate(215.845 279.554)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(160.162 263.644)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(176.071 247.735)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(335.167 239.78)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(303.348 239.78)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(271.528 239.78)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category