Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, home, cloud, wireless, house, cloud computing, smart home, and smart house. 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="45.5"
        x2="45.5"
        y1="62.564"
        y2="-.047"
        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="18.5"
        x2="18.5"
        y1="62.564"
        y2="-.047"
        href="#a"
    />
    <linearGradient id="c" x1="32" x2="32" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="d" x1="7" x2="7" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="e" x1="57" x2="57" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="f" x1="43" x2="43" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="g" x1="47" x2="47" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="h" x1="51" x2="51" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="i" x1="21" x2="21" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="j" x1="17" x2="17" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="k" x1="13" x2="13" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="l" x1="11" x2="11" y1="62.564" y2="-.047" href="#a" />
    <linearGradient id="m" x1="53" x2="53" y1="62.564" y2="-.047" href="#a" />
    <g>
        <path fill="url(#a)" d="M37 33h15v9h2V32a1 1 0 0 0-1-1H37z" />
        <path fill="url(#b)" d="M12 33h15v-2H11a1 1 0 0 0-1 1v10h2z" />
        <path
            fill="url(#c)"
            d="M33 42v-7.184a2.982 2.982 0 0 0 0-5.632V25h-2v4.184a2.982 2.982 0 0 0 0 5.632V42zm-1-11a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
        />
        <path fill="url(#d)" d="M6 37h2v2H6zM6 33h2v2H6z" />
        <path fill="url(#e)" d="M56 37h2v2h-2zM56 33h2v2h-2z" />
        <path fill="url(#f)" d="M42 27h2v2h-2z" />
        <path fill="url(#g)" d="M46 27h2v2h-2z" />
        <path fill="url(#h)" d="M50 27h2v2h-2z" />
        <path fill="url(#i)" d="M20 27h2v2h-2z" />
        <path fill="url(#j)" d="M16 27h2v2h-2z" />
        <path fill="url(#k)" d="M12 27h2v2h-2z" />
        <path
            fill="url(#c)"
            d="M37.8 44.4a1 1 0 0 0-.8-.4H27a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0-.2.6v2a2.985 2.985 0 0 0 1 2.22V60a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6.78A2.985 2.985 0 0 0 41 51v-2a1 1 0 0 0-.2-.6zM27.5 46h9l1.5 2H26zM38 52a1 1 0 0 1-1-1h-2a1 1 0 0 1-2 0h-2a1 1 0 0 1-2 0h-2a1 1 0 0 1-2 0v-1h14v1a1 1 0 0 1-1 1zm-5 8h-2v-2h2zm5 0h-3v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3h-3v-6a2.981 2.981 0 0 0 2-.78 2.954 2.954 0 0 0 4 0 2.954 2.954 0 0 0 4 0 2.981 2.981 0 0 0 2 .78z"
        />
        <path
            fill="url(#l)"
            d="M16.8 44.4a1 1 0 0 0-.8-.4H6a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0-.2.6v2a2.985 2.985 0 0 0 1 2.22V60a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6.78A2.985 2.985 0 0 0 20 51v-2a1 1 0 0 0-.2-.6zM6.5 46h9l1.5 2H5zM17 52a1 1 0 0 1-1-1h-2a1 1 0 0 1-2 0h-2a1 1 0 0 1-2 0H6a1 1 0 0 1-2 0v-1h14v1a1 1 0 0 1-1 1zm-5 8h-2v-2h2zm5 0h-3v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3H5v-6a2.981 2.981 0 0 0 2-.78 2.954 2.954 0 0 0 4 0 2.954 2.954 0 0 0 4 0 2.981 2.981 0 0 0 2 .78z"
        />
        <path
            fill="url(#m)"
            d="m61.8 48.4-3-4a1 1 0 0 0-.8-.4H48a1 1 0 0 0-.8.4l-3 4a1 1 0 0 0-.2.6v2a2.985 2.985 0 0 0 1 2.22V60a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6.78A2.985 2.985 0 0 0 62 51v-2a1 1 0 0 0-.2-.6zM48.5 46h9l1.5 2H47zM59 52a1 1 0 0 1-1-1h-2a1 1 0 0 1-2 0h-2a1 1 0 0 1-2 0h-2a1 1 0 0 1-2 0v-1h14v1a1 1 0 0 1-1 1zm-5 8h-2v-2h2zm5 0h-3v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3h-3v-6a2.981 2.981 0 0 0 2-.78 2.954 2.954 0 0 0 4 0 2.954 2.954 0 0 0 4 0 2.981 2.981 0 0 0 2 .78z"
        />
        <g fill="url(#c)">
            <path
                d="M22 23h20a6 6 0 0 0 0-12h-.063a8 8 0 0 0-15.365-3.958A3.891 3.891 0 0 0 26 7a4 4 0 0 0-4 4 6 6 0 0 0 0 12zm0-10h1.184a1 1 0 0 0 .942-1.334A1.979 1.979 0 0 1 24 11a1.989 1.989 0 0 1 2.814-1.821 1 1 0 0 0 1.379-.665 6 6 0 1 1 11.555 3.2A1 1 0 0 0 40.706 13H42a4 4 0 0 1 0 8H22a4 4 0 0 1 0-8z"
            />
            <path
                d="M31 17h2v2h-2zM28.465 14.465l1.414 1.414a3.072 3.072 0 0 1 4.242 0l1.414-1.414a5 5 0 0 0-7.07 0z"
            />
            <path
                d="m36.95 13.05 1.414-1.414a9.012 9.012 0 0 0-12.728 0l1.414 1.414a7.009 7.009 0 0 1 9.9 0z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category