Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, data, cloud storage, cloud computing, server, big data, and backup file. Created in a clean gradient style, 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 64 64"
>
    <linearGradient
        id="a"
        x1="32"
        x2="32"
        y1="63.475"
        y2=".991"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".35" stop-color="#ed683c" />
        <stop offset=".7" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <linearGradient id="b" x1="53" x2="53" y1="63.475" y2=".991" href="#a" />
    <linearGradient
        id="c"
        x1="47.632"
        x2="47.632"
        y1="63.475"
        y2=".991"
        href="#a"
    />
    <linearGradient id="d" x1="11" x2="11" y1="63.475" y2=".991" href="#a" />
    <linearGradient
        id="e"
        x1="17.868"
        x2="17.868"
        y1="63.475"
        y2=".991"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="46.632"
        x2="46.632"
        y1="63.475"
        y2=".991"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="16.368"
        x2="16.368"
        y1="63.475"
        y2=".991"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M42 35a4 4 0 0 0-4-4h-.1a4.85 4.85 0 0 0 .1-1 5 5 0 0 0-9.587-1.971A3 3 0 0 0 25 31v.126A4 4 0 0 0 26 39h12a4 4 0 0 0 4-4zm-4 2H26a2 2 0 0 1 0-4h.277a1 1 0 0 0 .865-1.5A.984.984 0 0 1 27 31a1.018 1.018 0 0 1 1.533-.841 1 1 0 0 0 1.522-.673A2.994 2.994 0 0 1 36 30a2.946 2.946 0 0 1-.419 1.5 1 1 0 0 0 .864 1.5H38a2 2 0 0 1 0 4zM31 13.91V23h2v-9.09a6 6 0 1 0-2 0zM32 4a4 4 0 1 1-4 4 4 4 0 0 1 4-4z"
    />
    <path
        fill="url(#b)"
        d="M56 26a6.006 6.006 0 0 0-5.91 5H44v2h6.09A6 6 0 1 0 56 26zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
    />
    <path
        fill="url(#c)"
        d="M48.971 42.971a5.954 5.954 0 0 0-3.471 1.112l-3.791-3.79-1.414 1.414 3.8 3.8a5.979 5.979 0 1 0 4.879-2.535zM51.8 51.8a4 4 0 0 1-5.657-5.657 4.1 4.1 0 0 1 5.657 0 4 4 0 0 1 0 5.657z"
    />
    <path
        fill="url(#a)"
        d="M33 50.09V41h-2v9.09a6 6 0 1 0 2 0zM32 60a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
    />
    <path
        fill="url(#d)"
        d="M13.91 33H20v-2h-6.09a6 6 0 1 0 0 2zM8 36a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
    />
    <path
        fill="url(#e)"
        d="M15.029 21.029a5.954 5.954 0 0 0 3.471-1.112l6.791 6.79 1.414-1.414-6.8-6.8a5.979 5.979 0 1 0-4.879 2.535zM12.2 12.2a4 4 0 0 1 5.657 5.657 4.1 4.1 0 0 1-5.657 0 4 4 0 0 1 0-5.657z"
    />
    <path
        fill="url(#f)"
        d="m39.707 25.707 5.791-5.79a6.036 6.036 0 1 0-1.406-1.423l-5.8 5.8zM46.142 12.2a4 4 0 1 1 5.658 5.658 4.1 4.1 0 0 1-5.657 0 4 4 0 0 1-.001-5.658z"
    />
    <path
        fill="url(#g)"
        d="m22.293 40.293-3.793 3.79a6.036 6.036 0 1 0 1.406 1.423l3.8-3.8zM17.858 51.8a4.1 4.1 0 0 1-5.657 0 4 4 0 1 1 5.657 0z"
    />
</svg>
More icons in the same style and category