Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, connection, wifi, keyboard, cloud storage, file storage, data storage, 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="31"
        x2="31"
        y1="63.51"
        y2="-.11"
        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="49" x2="49" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="c" x1="14" x2="14" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="d" x1="18" x2="18" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="e" x1="22" x2="22" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="f" x1="26" x2="26" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="g" x1="30" x2="30" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="h" x1="34" x2="34" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="i" x1="38" x2="38" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="j" x1="42" x2="42" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="k" x1="46" x2="46" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="l" x1="50" x2="50" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="m" x1="36" x2="36" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="n" x1="40" x2="40" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="o" x1="44" x2="44" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="p" x1="28" x2="28" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="q" x1="24" x2="24" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="r" x1="20" x2="20" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="s" x1="32" x2="32" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="t" x1="48" x2="48" y1="63.51" y2="-.11" href="#a" />
    <linearGradient id="u" x1="55" x2="55" y1="63.51" y2="-.11" href="#a" />
    <path fill="url(#a)" d="M17 56h28v2H17z" />
    <path fill="url(#b)" d="M47 56h4v2h-4z" />
    <path fill="url(#c)" d="M13 56h2v2h-2z" />
    <path fill="url(#d)" d="M17 52h2v2h-2z" />
    <path fill="url(#c)" d="M13 52h2v2h-2z" />
    <path fill="url(#e)" d="M21 52h2v2h-2z" />
    <path fill="url(#f)" d="M25 52h2v2h-2z" />
    <path fill="url(#g)" d="M29 52h2v2h-2z" />
    <path fill="url(#h)" d="M33 52h2v2h-2z" />
    <path fill="url(#i)" d="M37 52h2v2h-2z" />
    <path fill="url(#j)" d="M41 52h2v2h-2z" />
    <path fill="url(#k)" d="M45 52h2v2h-2z" />
    <path fill="url(#l)" d="M49 52h2v2h-2z" />
    <path fill="url(#d)" d="M17 48h2v2h-2z" />
    <path fill="url(#c)" d="M13 48h2v2h-2z" />
    <path fill="url(#e)" d="M21 48h2v2h-2z" />
    <path fill="url(#f)" d="M25 48h2v2h-2z" />
    <path fill="url(#g)" d="M29 48h2v2h-2z" />
    <path fill="url(#h)" d="M33 48h2v2h-2z" />
    <path fill="url(#i)" d="M37 48h2v2h-2z" />
    <path fill="url(#j)" d="M41 48h2v2h-2z" />
    <path fill="url(#k)" d="M45 48h2v2h-2z" />
    <path fill="url(#l)" d="M49 48h2v2h-2z" />
    <path fill="url(#m)" d="M35 40h2v2h-2z" />
    <path fill="url(#n)" d="M39 40h2v2h-2z" />
    <path fill="url(#o)" d="M43 40h2v2h-2z" />
    <path fill="url(#p)" d="M27 40h2v2h-2z" />
    <path fill="url(#q)" d="M23 40h2v2h-2z" />
    <path fill="url(#r)" d="M19 40h2v2h-2z" />
    <path
        fill="url(#s)"
        d="M62 22a10.016 10.016 0 0 0-9.065-9.957A7.011 7.011 0 0 0 46 6a6.933 6.933 0 0 0-4.053 1.294 11.989 11.989 0 0 0-21.529 3.6A6.987 6.987 0 0 0 10.08 16H10a8 8 0 0 0 0 16h13.353A10.007 10.007 0 0 0 31 36.949V44H11a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h42a2 2 0 0 0 2-2V46a2 2 0 0 0-2-2H33v-7.051A10.007 10.007 0 0 0 40.647 32H52a10.011 10.011 0 0 0 10-10zm-9 38H11V46h42zM32 35a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zm0-18a10 10 0 0 0-9.539 13H10a6 6 0 0 1 0-12 5.423 5.423 0 0 1 .846.068 1.047 1.047 0 0 0 .8-.268A1.088 1.088 0 0 0 12 17a5 5 0 0 1 8.421-3.646 1 1 0 0 0 1.672-.611 9.988 9.988 0 0 1 18.725-3.451 1 1 0 0 0 1.6.226A5 5 0 0 1 51 13a1 1 0 0 0 1 1 8 8 0 0 1 0 16H41.539A10 10 0 0 0 32 17z"
    />
    <path fill="url(#t)" d="M47 12h2v2h-2z" />
    <path fill="url(#o)" d="M43 12h2v2h-2z" />
    <path fill="url(#u)" d="M58 22h-2a4 4 0 0 1-4 4v2a6.006 6.006 0 0 0 6-6z" />
    <path fill="url(#b)" d="M48 26h2v2h-2z" />
    <g fill="url(#s)">
        <path
            d="M31 30h2v2h-2zM28.464 27.465l1.414 1.414a3 3 0 0 1 4.244 0l1.414-1.414a5.008 5.008 0 0 0-7.072 0z"
        />
        <path
            d="m25.636 24.636 1.414 1.414a7.009 7.009 0 0 1 9.9 0l1.414-1.414a9.009 9.009 0 0 0-12.728 0z"
        />
    </g>
</svg>
More icons in the same style and category