Add icons to this collection by clicking the heart icon.
Data Network icon - also known as file, storage, server, database, seo and web, and data network. Created in a clean flat 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 32 32"
>
<linearGradient
id="a"
x1="15"
x2="17"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3ced4" />
<stop offset="1" stop-color="#8b808e" />
</linearGradient>
<linearGradient id="d" x1="8" x2="24" y1="24" y2="24" href="#a" />
<linearGradient
id="b"
x1="2"
x2="30"
y1="7"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8b808e" />
<stop offset="1" stop-color="#655e68" />
</linearGradient>
<linearGradient id="e" y1="17" y2="17" href="#b" />
<linearGradient
id="c"
x1="6"
x2="14"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe07d" />
<stop offset="1" stop-color="#ffc269" />
</linearGradient>
<linearGradient
id="f"
x1="19"
x2="21"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e59f" />
<stop offset="1" stop-color="#36b91b" />
</linearGradient>
<linearGradient
id="g"
x1="22"
x2="24"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc269" />
<stop offset="1" stop-color="#e5646e" />
</linearGradient>
<linearGradient id="h" x1="25" x2="27" href="#c" />
<g>
<path fill="url(#a)" d="M17 10v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0z" />
<path
fill="url(#d)"
d="M24 25v2a1 1 0 0 1-2 0h-3.18a3 3 0 0 1-5.64 0H10a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0h3.18A3 3 0 0 1 15 23.17a1 1 0 0 1 0-.17v-3a1 1 0 0 1 2 0v3a1 1 0 0 1 0 .17A3 3 0 0 1 18.82 25H22a1 1 0 0 1 2 0z"
/>
<path
fill="url(#b)"
d="M30 5.2v3.6a2.21 2.21 0 0 1-2.2 2.2H4.2A2.21 2.21 0 0 1 2 8.8V5.2A2.21 2.21 0 0 1 4.2 3h23.6A2.21 2.21 0 0 1 30 5.2z"
/>
<path
d="M30 9a2.21 2.21 0 0 1-2.19 2H4.2A2.21 2.21 0 0 1 2 8.8V5.2A2.21 2.21 0 0 1 4 3a1.21 1.21 0 0 0 0 .2V4a5 5 0 0 0 5 5z"
opacity=".13"
/>
<path
fill="url(#e)"
d="M30 15.2v3.6a2.21 2.21 0 0 1-2.2 2.2H4.2A2.21 2.21 0 0 1 2 18.8v-3.6A2.21 2.21 0 0 1 4.2 13h23.6a2.21 2.21 0 0 1 2.2 2.2z"
/>
<path
fill="url(#c)"
d="M13 8H7a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zm1 9a1 1 0 0 0-1-1H7a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1z"
/>
<path
d="M30 19a2.21 2.21 0 0 1-2.19 2H4.2A2.21 2.21 0 0 1 2 18.8v-3.6A2.21 2.21 0 0 1 4 13a1.21 1.21 0 0 0 0 .19V14a5 5 0 0 0 5 5z"
opacity=".13"
/>
<path
fill="url(#f)"
d="M21 7a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-1 9a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<path fill="#fff" d="M17 26a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path
fill="url(#g)"
d="M24 7a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-1 9a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M27 7a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-1 9a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category