IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Cloud Data icon - Flat | SVG & PNG Free Download

Style Variants

Cloud Data

Web Hosting 141

Cloud Data icon - also known as interface, cloud, file, document, warning, alert, archive, digital library, cloud data, and files and folders. Created in a clean flat style with a white, silver, gray, and red finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

digital library

files and folders

Usage Snippets

CloudData.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 267 267"
>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="#4ebafa"
            d="M88.928 216.32a2.082 2.082 0 0 0 2.926-2.301 15.784 15.784 0 0 1-.316-3.146V67.889a15.79 15.79 0 0 1 15.79-15.79h71.29a2.082 2.082 0 0 0 2.013-2.622l-5.387-20.102a19.95 19.95 0 0 0-9.298-12.118 19.961 19.961 0 0 0-15.143-1.994L55.241 40.869A19.959 19.959 0 0 0 41.13 65.311l37.007 138.112a19.954 19.954 0 0 0 10.791 12.897z"
        />
        <path
            fill="#2dabf6"
            d="M107.328 52.099h-12.5a19.957 19.957 0 0 0-19.957 19.957v119.179l3.266 12.188a19.954 19.954 0 0 0 10.791 12.897 2.082 2.082 0 0 0 2.926-2.301 15.784 15.784 0 0 1-.316-3.146V67.889a15.79 15.79 0 0 1 15.79-15.79z"
        />
        <path
            fill="#e3f2ff"
            d="M114.331 230.83c.723 0 1.394-.375 1.774-.991l31.907-51.781c1.949-3.162 5.24-5.089 8.782-5.089s6.833 1.927 8.782 5.089l31.907 51.781c.38.616 1.051.991 1.774.991h7.004a19.96 19.96 0 0 0 19.956-19.957V97.86c0-2.895-1.016-5.698-2.871-7.92l-31.353-37.567a12.358 12.358 0 0 0-9.489-4.44h-75.176a19.956 19.956 0 0 0-19.957 19.956v142.984a19.96 19.96 0 0 0 5.845 14.112 19.96 19.96 0 0 0 14.112 5.845z"
        />
        <path
            fill="#84c9f2"
            d="M177.78 110.336h-.002a3.44 3.44 0 0 1-3.097-1.946l-.017-.034c-3.687-7.3-11.284-12.242-20.03-12.242-8.89 0-16.597 5.109-20.34 12.55l-.03.062a3.355 3.355 0 0 1-2.522 1.906c-10.624 1.982-18.702 11.292-18.702 22.473 0 12.566 10.202 22.768 22.768 22.768h41.972c12.567 0 22.769-10.202 22.769-22.768 0-12.567-10.202-22.769-22.769-22.769z"
        />
        <path
            fill="#c2e3ff"
            d="M185.229 48.237V80.57a24.336 24.336 0 0 0 24.336 24.336h16.652V97.86c0-2.895-1.016-5.698-2.871-7.92l-31.353-37.567a12.36 12.36 0 0 0-6.764-4.136z"
        />
        <path
            fill="#47556a"
            d="M185.229 48.237v28.025a19.96 19.96 0 0 0 19.957 19.956h20.921a12.361 12.361 0 0 0-2.761-6.278l-31.353-37.567a12.36 12.36 0 0 0-6.764-4.136z"
        />
        <path
            fill="#e02f41"
            d="m144.465 175.872-32.094 52.083c-2.933 4.761-3.188 10.858-.66 15.877 2.57 5.101 7.571 8.252 12.989 8.252h64.188c5.419 0 10.419-3.151 12.989-8.252 2.528-5.019 2.273-11.116-.66-15.877l-32.094-52.083c-2.728-4.428-7.369-7.07-12.329-7.07-4.959 0-9.6 2.642-12.329 7.07z"
        />
        <g fill="#f1f5fe">
            <circle cx="156.794" cy="235.287" r="6.25" />
            <path
                d="M150.544 193.115v26.57a6.254 6.254 0 0 0 6.25 6.25c3.45 0 6.25-2.801 6.25-6.25v-26.569c0-3.45-2.8-6.25-6.25-6.25-3.449 0-6.25 2.8-6.25 6.249z"
            />
        </g>
    </g>
</svg>