Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, storage, network, networking, and cloud computing. 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.469"
        y2="-.352"
        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="38" x2="38" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="c" x1="34" x2="34" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="d" x1="50" x2="50" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="e" x1="14" x2="14" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="f" x1="17" x2="17" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="g" x1="13" x2="13" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="h" x1="53" x2="53" y1="63.469" y2="-.352" href="#a" />
    <linearGradient id="i" x1="49" x2="49" y1="63.469" y2="-.352" href="#a" />
    <path
        fill="url(#a)"
        d="M21 25h22a7 7 0 0 0 0-14 9 9 0 0 0-16.589-4.829A5.942 5.942 0 0 0 25 6a6.01 6.01 0 0 0-5.958 5.284A7 7 0 0 0 21 25zm-.827-11.925a1 1 0 0 0 .836-.986c0-.032 0-.087-.009-.133A3.988 3.988 0 0 1 26.5 8.3a1 1 0 0 0 1.267-.472A7 7 0 0 1 41 11a6.854 6.854 0 0 1-.062.876A1 1 0 0 0 41.931 13H43a5 5 0 0 1 0 10H21a5 5 0 0 1-.827-9.925z"
    />
    <path fill="url(#b)" d="M37 11h2v2h-2z" />
    <path fill="url(#c)" d="M33 11h2v2h-2z" />
    <path
        fill="url(#d)"
        d="M57.9 50.082A5.926 5.926 0 0 0 58 49a5.987 5.987 0 0 0-11.221-2.92A3.85 3.85 0 0 0 46 46a4 4 0 0 0-4 4v.1a5 5 0 0 0 1 9.9h14a5 5 0 0 0 .9-9.918zM57 58H43a3 3 0 0 1 0-6h.184a1 1 0 0 0 .942-1.333 1.976 1.976 0 0 1 2.747-2.455 1 1 0 0 0 1.381-.56A3.988 3.988 0 0 1 56 49a3.951 3.951 0 0 1-.338 1.6 1 1 0 0 0 .916 1.4H57a3 3 0 0 1 0 6z"
    />
    <path
        fill="url(#e)"
        d="M21.9 50.082A5.926 5.926 0 0 0 22 49a5.987 5.987 0 0 0-11.221-2.92A3.85 3.85 0 0 0 10 46a4 4 0 0 0-4 4v.1A5 5 0 0 0 7 60h14a5 5 0 0 0 .9-9.918zM21 58H7a3 3 0 0 1 0-6h.184a1 1 0 0 0 .942-1.333 1.976 1.976 0 0 1 2.747-2.455 1 1 0 0 0 1.381-.56A3.988 3.988 0 0 1 20 49a3.951 3.951 0 0 1-.338 1.6 1 1 0 0 0 .916 1.4H21a3 3 0 0 1 0 6z"
    />
    <path
        fill="url(#a)"
        d="M47 36v5h2v-6a1 1 0 0 0-1-1H34.816A3 3 0 0 0 33 32.184V27h-2v5.184A3 3 0 0 0 29.184 34H16a1 1 0 0 0-1 1v6h2v-5h12.184a2.982 2.982 0 0 0 5.632 0zm-15 0a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path fill="url(#f)" d="M16 50h2v2h-2z" />
    <path fill="url(#g)" d="M12 50h2v2h-2z" />
    <path fill="url(#h)" d="M52 50h2v2h-2z" />
    <path fill="url(#i)" d="M48 50h2v2h-2z" />
</svg>
More icons in the same style and category