Add icons to this collection by clicking the heart icon.
Backup icon - also known as computer, interface, arrows, data, storage, tool, disc, electronics, hardware, backup, harddisk, and harddrive. 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="-45.875"
x2="-45.875"
y1="556.435"
y2="621.804"
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="M88 56c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-7.875"
x2="-7.875"
y1="556.435"
y2="621.804"
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="M392 56c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="556.435"
y2="621.804"
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="M408 0H72C58.745 0 48 10.745 48 24v432c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24zM64 24a8 8 0 0 1 8-8h336a8 8 0 0 1 8 8v384a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8V24zm352 432a8 8 0 0 1-8 8H72a8 8 0 0 1-8-8v-25.368c.672.24 1.4.368 2.104.544.464.12.912.28 1.392.368 1.484.294 2.992.447 4.504.456h336a23.908 23.908 0 0 0 4.504-.456c.48-.088.928-.248 1.4-.368.696-.176 1.424-.304 2.096-.544V456z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-24.329"
x2="-24.329"
y1="556.435"
y2="621.804"
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="M126.808 135.264a8 8 0 0 0 10.536-4.12c24.742-56.658 90.73-82.531 147.389-57.789 39.644 17.312 65.765 55.917 67.091 99.157l-16.8-16.8a8 8 0 0 0-11.312-.196 8 8 0 0 0 0 11.508l30.624 30.632a8 8 0 0 0 11.312 0l30.624-30.632a8 8 0 0 0 .196-11.312 8 8 0 0 0-11.508 0l-17.12 17.136c-1.71-70.641-60.363-126.52-131.003-124.81-49.721 1.204-94.239 31.113-114.149 76.69a8 8 0 0 0 4.12 10.536z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-31.923"
x2="-31.923"
y1="556.435"
y2="621.804"
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="M248 88a8 8 0 0 0-8-8c-38.172.011-72.716 22.621-88 57.6a8 8 0 1 0 14.656 6.401c12.742-29.149 41.532-47.99 73.344-48A8.002 8.002 0 0 0 248 88z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-22.725"
x2="-22.725"
y1="556.435"
y2="621.804"
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="M229.296 271.432c37.926 4.23 74.761-14.387 93.848-47.432a8.004 8.004 0 0 0-13.864-8c-15.924 27.523-46.612 43.032-78.216 39.528a8 8 0 1 0-1.768 15.904z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-7.875"
x2="-7.875"
y1="556.435"
y2="621.804"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="392" cy="392" r="16" fill="url(#g)" />
<linearGradient
id="h"
x1="-45.875"
x2="-45.875"
y1="556.435"
y2="621.804"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="88" cy="392" r="16" fill="url(#h)" />
<linearGradient
id="i"
x1="-30.875"
x2="-30.875"
y1="556.435"
y2="621.804"
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="M200 440h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-26.875"
x2="-26.875"
y1="556.435"
y2="621.804"
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="M232 440h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-22.875"
x2="-22.875"
y1="556.435"
y2="621.804"
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="M264 440h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-18.875"
x2="-18.875"
y1="556.435"
y2="621.804"
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="M296 440h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-14.875"
x2="-14.875"
y1="556.435"
y2="621.804"
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="M328 440h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-10.875"
x2="-10.875"
y1="556.435"
y2="621.804"
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="M360 440h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-6.875"
x2="-6.875"
y1="556.435"
y2="621.804"
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="M392 440h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-34.875"
x2="-34.875"
y1="556.435"
y2="621.804"
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="M168 440h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-38.875"
x2="-38.875"
y1="556.435"
y2="621.804"
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="M136 440h16v16h-16v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-42.875"
x2="-42.875"
y1="556.435"
y2="621.804"
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="M104 440h16v16h-16v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-46.875"
x2="-46.875"
y1="556.435"
y2="621.804"
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="M72 440h16v16H72v-16z" fill="url(#s)" />
<linearGradient
id="t"
x1="-29.637"
x2="-29.637"
y1="556.435"
y2="621.804"
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="m91.72 199.6 20.44-20.448c1.702 70.641 60.348 126.527 130.989 124.825 49.597-1.195 94.032-30.954 114.019-76.361a8.004 8.004 0 1 0-14.648-6.456c-24.913 56.583-90.979 82.256-147.562 57.343-39.478-17.382-65.457-55.9-66.782-99.015L148.28 199.6a8 8 0 1 0 11.312-11.312l-33.936-33.944a8.232 8.232 0 0 0-11.312 0l-33.936 33.944A8 8 0 1 0 91.72 199.6z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-26.875"
x2="-26.875"
y1="556.435"
y2="621.804"
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="M240 208c17.673 0 32-14.327 32-32s-14.327-32-32-32-32 14.327-32 32 14.327 32 32 32zm0-48c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-26.875"
x2="-26.875"
y1="556.435"
y2="621.804"
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="M336 384H144a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" fill="url(#v)" />
</svg>
More icons in the same style and category