Add icons to this collection by clicking the heart icon.
Data icon - also known as computer, data, monitor, settings, process, processing, cogwheel, ui, electronics, 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="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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="M56 272H40v-88h400v87.528h-16V200H56v72z" fill="url(#a)" />
<linearGradient
id="b"
x1="-2.875"
x2="-2.875"
y1="558.135"
y2="617.132"
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="M424 288h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-50.875"
x2="-50.875"
y1="558.135"
y2="617.132"
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="M40 288h16v16H40v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 152a8 8 0 0 1-8-8v-17.224l-27.8-4.648a8 8 0 0 1-6.48-6.104 86.136 86.136 0 0 0-10.976-26.576 8 8 0 0 1 .264-8.904l16.376-22.88-13.048-13.048-22.88 16.376a8 8 0 0 1-8.904.264A86.136 86.136 0 0 0 260 50.28a8 8 0 0 1-6.112-6.48L249.224 16h-18.448l-4.64 27.8a8 8 0 0 1-6.112 6.48 86.136 86.136 0 0 0-26.576 10.976 8 8 0 0 1-8.904-.264l-22.88-16.376-13.048 13.048 16.376 22.88a8 8 0 0 1 .264 8.904A86.136 86.136 0 0 0 154.28 116a8 8 0 0 1-6.48 6.104l-27.8 4.672V144a8 8 0 0 1-16 0v-24a8 8 0 0 1 6.68-7.888L140 107.2a101.687 101.687 0 0 1 8.92-21.6l-17.264-24.144a8 8 0 0 1 .848-10.312l22.64-22.64a8 8 0 0 1 10.312-.848L189.6 44.944A101.672 101.672 0 0 1 211.2 36l4.904-29.344A8 8 0 0 1 224 0h32a8 8 0 0 1 7.888 6.68L268.8 36a101.687 101.687 0 0 1 21.6 8.92l24.168-17.288a8 8 0 0 1 10.312.848l22.64 22.64a8 8 0 0 1 .848 10.312L331.056 85.6A101.672 101.672 0 0 1 340 107.2l29.344 4.904A8 8 0 0 1 376 120v24a8 8 0 0 1-8 8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 144a8 8 0 0 1-8-8c0-26.51-21.49-48-48-48s-48 21.49-48 48a8 8 0 0 1-16 0c0-35.346 28.654-64 64-64s64 28.654 64 64a8 8 0 0 1-8 8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 144a8 8 0 0 1-8-8c0-8.837-7.163-16-16-16s-16 7.163-16 16a8 8 0 0 1-16 0c0-17.673 14.327-32 32-32s32 14.327 32 32a8 8 0 0 1-8 8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 416h-8V168a8 8 0 0 0-8-8H24a8 8 0 0 0-8 8v248H8a8 8 0 0 0-8 8v16c.026 22.08 17.92 39.974 40 40h400c22.08-.026 39.974-17.92 40-40v-16a8 8 0 0 0-8-8zM32 176h416v240H304a8.075 8.075 0 0 0-3.056.616c-.972.4-1.855.987-2.6 1.728L284.688 432h-89.376l-13.656-13.656a8.007 8.007 0 0 0-2.6-1.728A8.075 8.075 0 0 0 176 416H32V176zm432 264c0 13.255-10.745 24-24 24H40c-13.255 0-24-10.745-24-24v-8h156.688l13.656 13.656A8 8 0 0 0 192 448h96a8 8 0 0 0 5.656-2.344L307.312 432H464v8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 320h-16v72H56v-72H40v88h400v-88z" fill="url(#h)" />
<linearGradient
id="i"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 328H72v48h336v-48zm-16 32H88v-16h304v16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-46.875"
x2="-46.875"
y1="558.135"
y2="617.132"
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 288h16v32H72v-32z" fill="url(#j)" />
<linearGradient
id="k"
x1="-42.875"
x2="-42.875"
y1="558.135"
y2="617.132"
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 272h16v48h-16v-48z" fill="url(#k)" />
<linearGradient
id="l"
x1="-38.875"
x2="-38.875"
y1="558.135"
y2="617.132"
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 256h16v64h-16v-64z" fill="url(#l)" />
<linearGradient
id="m"
x1="-34.875"
x2="-34.875"
y1="558.135"
y2="617.132"
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 288h16v32h-16v-32z" fill="url(#m)" />
<linearGradient
id="n"
x1="-30.875"
x2="-30.875"
y1="558.135"
y2="617.132"
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 256h16v64h-16v-64z" fill="url(#n)" />
<linearGradient
id="o"
x1="-6.875"
x2="-6.875"
y1="558.135"
y2="617.132"
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 224h16v96h-16v-96z" fill="url(#o)" />
<linearGradient
id="p"
x1="-10.875"
x2="-10.875"
y1="558.135"
y2="617.132"
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 240h16v80h-16v-80z" fill="url(#p)" />
<linearGradient
id="q"
x1="-14.875"
x2="-14.875"
y1="558.135"
y2="617.132"
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 272h16v48h-16v-48z" fill="url(#q)" />
<linearGradient
id="r"
x1="-18.875"
x2="-18.875"
y1="558.135"
y2="617.132"
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 256h16v64h-16v-64z" fill="url(#r)" />
<linearGradient
id="s"
x1="-22.875"
x2="-22.875"
y1="558.135"
y2="617.132"
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 240h16v80h-16v-80z" fill="url(#s)" />
<linearGradient
id="t"
x1="-26.875"
x2="-26.875"
y1="558.135"
y2="617.132"
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 272h16v48h-16v-48z" fill="url(#t)" />
</svg>
More icons in the same style and category