Add icons to this collection by clicking the heart icon.
Backup icon - also known as data, networking, ui, server, computing, backup, and seo and web. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-42.875"
x2="-42.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M224 296V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8zM16 16h192v168h-28.688L168.2 172.888c24.892-31.14 19.828-76.563-11.312-101.455S80.325 51.605 55.433 82.745 35.605 159.308 66.745 184.2c26.355 21.067 63.788 21.067 90.143 0l13.456 13.456A8 8 0 0 0 176 200h32v40H16V16zm101.656 106.344a8 8 0 0 0-11.312 11.312l39.128 39.144c-24.861 18.605-60.097 13.533-78.702-11.328S53.237 101.375 78.098 82.77s60.097-13.533 78.702 11.328c14.946 19.971 14.946 47.402 0 67.374l-39.144-39.128zM208 288H16v-32h192v32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-32.875"
x2="-32.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M184 216h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-52.875"
x2="-52.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M24 216h16v16H24v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-52.875"
x2="-52.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M24 24h16v16H24V24z" fill="url(#d)" />
<linearGradient
id="e"
x1="-32.875"
x2="-32.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M184 24h16v16h-16V24z" fill="url(#e)" />
<linearGradient
id="f"
x1="-47.875"
x2="-47.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M64 264h16v16H64v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-51.875"
x2="-51.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M32 264h16v16H32v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-44.875"
x2="-44.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112 88c-22.08.026-39.974 17.92-40 40a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24a8 8 0 0 0 0-16z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-38.875"
x2="-38.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M96 264h96v16H96v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-10.875"
x2="-10.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 176H264a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8V184a8 8 0 0 0-8-8zm-200 16h192v168h-28.688L424.2 348.888c24.892-31.14 19.828-76.563-11.312-101.455s-76.563-19.828-101.455 11.312-19.828 76.563 11.312 101.455c26.355 21.067 63.788 21.067 90.143 0l13.456 13.456A8 8 0 0 0 432 376h32v40H272V192zm101.656 106.344a8 8 0 0 0-11.312.196 8 8 0 0 0 0 11.116l39.128 39.144c-24.861 18.605-60.097 13.533-78.702-11.328-18.605-24.861-13.533-60.097 11.328-78.702 24.861-18.605 60.097-13.533 78.702 11.328 14.946 19.971 14.946 47.402 0 67.374l-39.144-39.128zM464 464H272v-32h192v32z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-.875"
x2="-.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440 392h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-20.875"
x2="-20.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 392h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-20.875"
x2="-20.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 200h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-.875"
x2="-.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440 200h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-15.875"
x2="-15.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M320 440h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-19.875"
x2="-19.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M288 440h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-12.875"
x2="-12.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M368 264c-22.08.026-39.974 17.92-40 40a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24a8 8 0 0 0 0-16z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-6.875"
x2="-6.875"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M352 440h96v16h-96v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-18.582"
x2="-18.582"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M287.592 76.28 267.312 56H336c13.255 0 24 10.745 24 24v80h16V80c-.026-22.08-17.92-39.974-40-40h-68.688l20.28-20.28L276.28 8.408 236.688 48l39.592 39.592 11.312-11.312z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-35.168"
x2="-35.168"
y1="555.315"
y2="621.766"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m192.408 403.72 20.28 20.28H144c-13.255 0-24-10.745-24-24v-80h-16v80c.026 22.08 17.92 39.974 40 40h68.688l-20.28 20.28 11.312 11.312L243.312 432l-39.592-39.592-11.312 11.312z"
fill="url(#t)"
/>
</svg>
More icons in the same style and category