Add icons to this collection by clicking the heart icon.
Cloud icon - also known as technology, computer, cloud, artificial, intelligence, gear, digital, robot, and ai. Created in a clean flat style with a white, gray, red, teal, navy, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#f9d023"
d="M64 372a8 8 0 0 1-5.66-13.66L88 328.69V284a8.07 8.07 0 0 1 1.34-4.44l8-12a8 8 0 0 1 13.32 8.88l-6.66 10V332a8 8 0 0 1-2.34 5.66l-32 32A8 8 0 0 1 64 372z"
/>
<circle cx="48" cy="384" r="24" fill="#e5414d" />
<path
fill="#f9d023"
d="M448 372a8 8 0 0 1-5.66-2.34l-32-32A8 8 0 0 1 408 332v-45.58l-6.66-10a8 8 0 1 1 13.32-8.88l8 12A8.07 8.07 0 0 1 424 284v44.69l29.66 29.65A8 8 0 0 1 448 372z"
/>
<circle cx="464" cy="384" r="24" fill="#e5414d" />
<path
fill="#f9d023"
d="M256 448a8 8 0 0 1-8-8v-32a8 8 0 0 1 16 0v32a8 8 0 0 1-8 8zM375 455a8 8 0 0 1-5.66-2.34l-47-47A8 8 0 0 1 320 400v-24a8 8 0 0 1 16 0v20.69l44.7 44.69A8 8 0 0 1 375 455z"
/>
<circle cx="392" cy="464" r="24" fill="#e5414d" />
<path
fill="#f9d023"
d="M137 455a8 8 0 0 1-5.66-13.66L176 396.69V376a8 8 0 0 1 16 0v24a8 8 0 0 1-2.34 5.66l-47 47A8 8 0 0 1 137 455z"
/>
<circle cx="120" cy="464" r="24" fill="#e5414d" />
<circle cx="256" cy="464" r="24" fill="#e5414d" />
<path
fill="#d63044"
d="M71 391a24 24 0 1 1-30-30 24.82 24.82 0 0 0-1 7 24 24 0 0 0 24 24 24.82 24.82 0 0 0 7-1zM487 391a24 24 0 1 1-30-30 24.82 24.82 0 0 0-1 7 24 24 0 0 0 24 24 24.82 24.82 0 0 0 7-1zM415 471a24 24 0 1 1-30-30 24.82 24.82 0 0 0-1 7 24 24 0 0 0 24 24 24.82 24.82 0 0 0 7-1zM143 471a24 24 0 1 1-30-30 24.82 24.82 0 0 0-1 7 24 24 0 0 0 24 24 24.82 24.82 0 0 0 7-1zM279 471a24 24 0 1 1-30-30 24.82 24.82 0 0 0-1 7 24 24 0 0 0 24 24 24.82 24.82 0 0 0 7-1z"
/>
<path
fill="#47555e"
d="M162.86 249.88H128v60.24h34.86a93.39 93.39 0 0 0 6 14.45l-24.67 24.63 42.61 42.61 24.63-24.69a93.39 93.39 0 0 0 14.45 6V408h60.24v-34.86a93.39 93.39 0 0 0 14.45-6l24.63 24.69 42.61-42.61-24.69-24.63a93.39 93.39 0 0 0 6-14.45H384v-60.26h-34.86a93.39 93.39 0 0 0-6-14.45l24.69-24.63-42.63-42.61-24.63 24.69a93.39 93.39 0 0 0-14.45-6V152h-60.24v34.86a93.39 93.39 0 0 0-14.45 6l-24.63-24.67-42.61 42.61 24.69 24.63a93.39 93.39 0 0 0-6.02 14.45z"
/>
<path
fill="#313e44"
d="m367.84 349.2-42.64 42.64-24.64-24.72a92 92 0 0 1-14.48 6V408h-60.16v-34.88a92 92 0 0 1-14.48-6l-24.64 24.72-42.64-42.64 24.72-24.64a92 92 0 0 1-6-14.48H128v-60.16h3a191.9 191.9 0 0 0 222.8 85.2z"
/>
<circle cx="256" cy="280" r="52.71" fill="#2abfd8" />
<path
fill="#2f9ab2"
d="M302.16 305.44a52.71 52.71 0 1 1-71.6-71.6 52.7 52.7 0 0 0 71.6 71.6z"
/>
<path
fill="#2abfd8"
d="M104 280a80 80 0 0 1 0-160 78.13 78.13 0 0 1 33.2 7.28 120 120 0 0 1 237.6 0A78.13 78.13 0 0 1 408 120a80 80 0 0 1 0 160z"
/>
<path
fill="#2f9ab2"
d="M217.2 31.28c-.4-.16-.72-.32-1.12-.48.48-.16.88-.32 1.28-.48-.08.32-.08.68-.16.96zM488 200a80 80 0 0 1-80 80H104a80 80 0 0 1 0-160h1.6a80.14 80.14 0 0 0 78.4 64h302.4a80.39 80.39 0 0 1 1.6 16z"
/>
<g fill="#fff">
<path
d="M320 144h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM320 176h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM320 208h-16a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16zM208 144h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM208 176h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM304 128h16a8 8 0 0 0 0-16h-8v-8a8 8 0 0 0-16 0v16a8 8 0 0 0 8 8zM272 96a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8zM240 96a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8zM208 96a8 8 0 0 0-8 8v8h-8a8 8 0 0 0 0 16h16a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zM272 208a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8zM240 208a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8zM208 208h-16a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-16a8 8 0 0 0-8-8z"
/>
</g>
<path fill="#f9d023" d="M208 120h96v96h-96z" />
<path fill="#f7bb26" d="M304 184v32h-96v-96h32v16a48 48 0 0 0 48 48z" />
<path
fill="#fff"
d="M256 192a24 24 0 1 1 24-24 24 24 0 0 1-24 24zm0-32a8 8 0 1 0 8 8 8 8 0 0 0-8-8z"
/>
</svg>
More icons in the same style and category