Add icons to this collection by clicking the heart icon.
Cloud icon - also known as education, book, cloud, online, ebook, learning, and online learning. 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="25"
x2="25"
y1="64.086"
y2="-.165"
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="39" x2="39" y1="64.086" y2="-.165" href="#a" />
<linearGradient
id="c"
x1="47.5"
x2="47.5"
y1="64.086"
y2="-.165"
href="#a"
/>
<linearGradient id="d" x1="42" x2="42" y1="64.086" y2="-.165" href="#a" />
<linearGradient
id="e"
x1="25.5"
x2="25.5"
y1="64.086"
y2="-.165"
href="#a"
/>
<linearGradient id="f" x1="56" x2="56" y1="64.086" y2="-.165" href="#a" />
<linearGradient id="g" x1="54" x2="54" y1="64.086" y2="-.165" href="#a" />
<linearGradient id="h" x1="10" x2="10" y1="64.086" y2="-.165" href="#a" />
<linearGradient id="i" x1="59" x2="59" y1="64.086" y2="-.165" href="#a" />
<linearGradient
id="j"
x1="4.999"
x2="4.999"
y1="64.086"
y2="-.165"
href="#a"
/>
<linearGradient id="k" x1="5" x2="5" y1="64.086" y2="-.165" href="#a" />
<linearGradient
id="l"
x1="5.001"
x2="5.001"
y1="64.086"
y2="-.165"
href="#a"
/>
<linearGradient id="m" x1="6" x2="6" y1="64.086" y2="-.165" href="#a" />
<linearGradient id="n" x1="32" x2="32" y1="64.086" y2="-.165" href="#a" />
<g fill="url(#a)">
<path d="M21 40h8v2h-8zM21 44h8v2h-8zM21 48h8v2h-8zM21 52h8v2h-8z" />
</g>
<path
fill="url(#b)"
d="M35 40h8v2h-8zM35 44h8v2h-8zM35 48h8v2h-8zM35 52h8v2h-8z"
/>
<path fill="url(#c)" d="M50 22h-2a3 3 0 0 1-3 3v2a5.006 5.006 0 0 0 5-5z" />
<path fill="url(#d)" d="M41 25h2v2h-2z" />
<path
fill="url(#e)"
d="M29 8V6a7.008 7.008 0 0 0-7 7h2a5.006 5.006 0 0 1 5-5z"
/>
<path fill="url(#f)" d="M57 52h-2v2h-2v2h2v2h2v-2h2v-2h-2z" />
<path fill="url(#g)" d="M53 8h2V6h2V4h-2V2h-2v2h-2v2h2z" />
<path fill="url(#h)" d="M11 8V6h2V4h-2V2H9v2H7v2h2v2z" />
<path fill="url(#f)" d="M55 46h2v4h-2zM55 42h2v2h-2zM55 38h2v2h-2z" />
<path fill="url(#i)" d="M58 19h2v4h-2zM58 15h2v2h-2zM58 11h2v2h-2z" />
<path fill="url(#j)" d="M3.999 18.995h2v4h-2z" />
<path fill="url(#k)" d="M4 14.995h2v2H4z" />
<path fill="url(#l)" d="M4.001 10.995h2v2h-2z" />
<path
fill="url(#m)"
d="M7 52H5v2H3v2h2v2h2v-2h2v-2H7zM5 46h2v4H5zM5 42h2v2H5zM5 38h2v2H5z"
/>
<path
fill="url(#n)"
d="M44 35a2.006 2.006 0 0 0 2-2v-2.06a8.995 8.995 0 0 0 1-17.71V13a7.008 7.008 0 0 0-7-7 6.775 6.775 0 0 0-2.23.37A11 11 0 0 0 18 13v.06a9 9 0 0 0 0 17.88V33a2.006 2.006 0 0 0 2 2h1v1h-3a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1V41a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1h-3v-1zM17 60h-2V42h2zm30-18h2v18h-2zM19 29a7 7 0 1 1 .05-14 1 1 0 0 0 .74-.33 1.036 1.036 0 0 0 .26-.77c-.03-.3-.05-.6-.05-.9a8.99 8.99 0 0 1 16.56-4.86 1.011 1.011 0 0 0 1.28.36A4.984 4.984 0 0 1 45 13a5.532 5.532 0 0 1-.08.88 1.006 1.006 0 0 0 .18.77 1.029 1.029 0 0 0 .69.4A7 7 0 0 1 45 29zm1 4v-2h7v5h-4v-1a2.006 2.006 0 0 0-2-2zm-1 27v-2h9a3.014 3.014 0 0 1 2.83 2zm12-2.97A4.924 4.924 0 0 0 28 56h-9V38h9a3.009 3.009 0 0 1 3 3zm1-19a4.977 4.977 0 0 0-3-1.93V31h6v5.1a4.977 4.977 0 0 0-3 1.93zM45 60H33.17A3.014 3.014 0 0 1 36 58h9zm0-22v18h-9a4.924 4.924 0 0 0-3 1.03V41a3.009 3.009 0 0 1 3-3zm-4-3v1h-4v-5h7v2h-1a2.006 2.006 0 0 0-2 2z"
/>
</svg>
More icons in the same style and category