Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, music, song, quaver, multimedia, cloud computing, and music and multimedia. Created in a clean lineal 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="13.222"
x2="75.351"
y1="67.222"
y2="5.094"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="8.75"
x2="70.879"
y1="62.75"
y2=".621"
href="#a"
/>
<linearGradient
id="c"
x1="13.25"
x2="75.379"
y1="67.25"
y2="5.121"
href="#a"
/>
<linearGradient
id="d"
x1="-12.577"
x2="49.552"
y1="41.423"
y2="-20.705"
href="#a"
/>
<linearGradient
id="e"
x1="6.155"
x2="68.284"
y1="60.155"
y2="-1.974"
href="#a"
/>
<linearGradient
id="f"
x1="6.5"
x2="68.629"
y1="60.5"
y2="-1.629"
href="#a"
/>
<linearGradient
id="g"
x1="-7.25"
x2="54.879"
y1="46.75"
y2="-15.379"
href="#a"
/>
<linearGradient
id="h"
x1="12.75"
x2="74.879"
y1="66.75"
y2="4.621"
href="#a"
/>
<linearGradient
id="i"
x1="-3.75"
x2="58.379"
y1="50.25"
y2="-11.879"
href="#a"
/>
<path
fill="url(#a)"
d="M51.039 36.077a11.8 11.8 0 0 0-4.132.744 17.143 17.143 0 0 0-32.328.627A11.383 11.383 0 1 0 12.345 60h39.31a.969.969 0 0 0 .3-.049 11.954 11.954 0 0 0-.917-23.874zm.561 21.894a.889.889 0 0 0-.188.029H12.349a9.384 9.384 0 1 1 2.638-18.4 1 1 0 0 0 1.242-.7 15.143 15.143 0 0 1 29.119-.45 1 1 0 0 0 1.389.611 9.952 9.952 0 1 1 4.863 18.91z"
/>
<path fill="url(#b)" d="M22 54H11a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M26 54h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#d)"
d="M10.5 21a3.283 3.283 0 0 0 3.5-3V9.8l7-1.555V13.3a3.943 3.943 0 0 0-1.5-.3 3.283 3.283 0 0 0-3.5 3 3.283 3.283 0 0 0 3.5 3 3.283 3.283 0 0 0 3.5-3V4a1 1 0 0 0-1.217-.977l-9 2A1 1 0 0 0 12 6v9.3a3.943 3.943 0 0 0-1.5-.3A3.283 3.283 0 0 0 7 18a3.283 3.283 0 0 0 3.5 3zm9-4c-.8 0-1.5-.468-1.5-1s.7-1 1.5-1 1.5.468 1.5 1-.7 1-1.5 1zM21 5.247V6.2l-7 1.553V6.8zM10.5 17c.8 0 1.5.468 1.5 1s-.7 1-1.5 1S9 18.532 9 18s.7-1 1.5-1z"
/>
<path
fill="url(#e)"
d="M47.509 21.871a1 1 0 0 0 1.008-.016l6.621-4a1 1 0 0 0 0-1.71l-6.621-4A1 1 0 0 0 47 13v8a1 1 0 0 0 .509.871zM49 14.772 52.687 17 49 19.228z"
/>
<path
fill="url(#f)"
d="M50 26a9 9 0 1 0-9-9 9.01 9.01 0 0 0 9 9zm0-16a7 7 0 1 1-7 7 7.008 7.008 0 0 1 7-7z"
/>
<path fill="url(#g)" d="M14 23a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0z" />
<path fill="url(#h)" d="M48 28v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-2 0z" />
<path
fill="url(#i)"
d="M13 32a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category