Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, data, electronic, laptop, no laptop, disk, and computing. 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="512"
height="512"
viewBox="0 0 586 586"
>
<linearGradient
id="a"
x1="-14.423"
x2="32.573"
y1="602.736"
y2="644.591"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M381.722 130.976h-20.561v-43.59a5.14 5.14 0 0 0-5.14-5.14H229.979a5.14 5.14 0 0 0-5.14 5.14v43.59h-20.561a5.14 5.14 0 0 0-5.14 5.14v332.786a5.14 5.14 0 0 0 5.14 5.14h14.804v19.431h-10.898a5.14 5.14 0 1 0 0 10.28h32.179a5.14 5.14 0 1 0 0-10.28h-11v-19.431h131.182v19.431h-10.898a5.14 5.14 0 1 0 0 10.28h32.076a5.14 5.14 0 1 0 0-10.28h-10.898v-19.431h10.898a5.14 5.14 0 0 0 5.14-5.14V136.116a5.141 5.141 0 0 0-5.141-5.14zM235.12 92.526h115.76v38.45H235.12v-38.45zm141.462 371.236H209.418V141.257h167.164v322.505z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-19.794"
x2="27.201"
y1="608.763"
y2="650.618"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 183.408a5.14 5.14 0 0 0 5.14-5.14V167.37a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-17.444"
x2="29.564"
y1="606.126"
y2="647.981"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 221.035a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-15.155"
x2="31.84"
y1="603.558"
y2="645.414"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 258.046a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-12.834"
x2="34.161"
y1="600.954"
y2="642.809"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 295.467a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-10.516"
x2="36.48"
y1="598.354"
y2="640.209"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 332.786a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-8.18"
x2="38.815"
y1="595.72"
y2="637.588"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 370.105a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-5.877"
x2="41.119"
y1="593.149"
y2="635.005"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 407.424a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-3.563"
x2="43.433"
y1="590.539"
y2="632.394"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M343.684 444.846a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-21.655"
x2="25.341"
y1="610.868"
y2="652.723"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 183.408a5.14 5.14 0 0 0 5.14-5.14V167.37a5.14 5.14 0 0 0-5.14-5.14 5.242 5.242 0 0 0-5.14 5.14v10.898a5.244 5.244 0 0 0 5.14 5.14z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-19.307"
x2="27.688"
y1="608.22"
y2="650.075"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 221.035a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-17.024"
x2="29.971"
y1="605.659"
y2="647.515"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 258.046a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-14.702"
x2="32.294"
y1="603.053"
y2="644.908"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 295.467a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 0 0-5.14-5.14 5.242 5.242 0 0 0-5.14 5.14v10.898a5.242 5.242 0 0 0 5.14 5.14z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-12.395"
x2="34.613"
y1="600.452"
y2="642.307"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 332.786a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 0 0-5.14-5.14 5.242 5.242 0 0 0-5.14 5.14v10.898a5.242 5.242 0 0 0 5.14 5.14z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-10.048"
x2="36.947"
y1="597.832"
y2="639.688"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 370.105a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-7.753"
x2="39.242"
y1="595.244"
y2="637.099"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 407.424a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-5.425"
x2="41.57"
y1="592.633"
y2="634.501"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M309.86 444.846a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 0 0-5.14-5.14 5.242 5.242 0 0 0-5.14 5.14v10.898a5.243 5.243 0 0 0 5.14 5.14z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-23.529"
x2="23.467"
y1="612.96"
y2="654.815"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 183.408a5.242 5.242 0 0 0 5.14-5.14V167.37a5.242 5.242 0 0 0-5.14-5.14 5.14 5.14 0 0 0-5.14 5.14v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-21.171"
x2="25.825"
y1="610.315"
y2="652.17"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 221.035a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-18.888"
x2="28.108"
y1="607.753"
y2="649.609"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 258.046a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-16.568"
x2="30.427"
y1="605.151"
y2="647.007"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 295.467a5.242 5.242 0 0 0 5.14-5.14v-10.898a5.242 5.242 0 0 0-5.14-5.14 5.14 5.14 0 0 0-5.14 5.14v10.898a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-14.252"
x2="32.744"
y1="602.539"
y2="644.407"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 332.786a5.242 5.242 0 0 0 5.14-5.14v-10.898a5.242 5.242 0 0 0-5.14-5.14 5.14 5.14 0 0 0-5.14 5.14v10.898a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-11.923"
x2="35.086"
y1="599.925"
y2="641.781"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 370.105a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="-9.616"
x2="37.379"
y1="597.338"
y2="639.194"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 407.424a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="-7.297"
x2="39.698"
y1="594.736"
y2="636.591"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M276.14 444.846a5.242 5.242 0 0 0 5.14-5.14v-10.898a5.242 5.242 0 0 0-5.14-5.14 5.14 5.14 0 0 0-5.14 5.14v10.898a5.139 5.139 0 0 0 5.14 5.14z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="-25.396"
x2="21.599"
y1="615.059"
y2="656.914"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 183.408a5.14 5.14 0 0 0 5.14-5.14V167.37a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="-23.046"
x2="23.962"
y1="612.408"
y2="654.277"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 221.035a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#A)"
/>
<linearGradient
id="B"
x1="-20.757"
x2="26.238"
y1="609.854"
y2="651.709"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 258.046a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#B)"
/>
<linearGradient
id="C"
x1="-18.443"
x2="28.553"
y1="607.244"
y2="649.099"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 295.467a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#C)"
/>
<linearGradient
id="D"
x1="-16.118"
x2="30.878"
y1="604.65"
y2="646.505"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 332.786a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#D)"
/>
<linearGradient
id="E"
x1="-13.788"
x2="33.208"
y1="602.022"
y2="643.877"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 370.105a5.14 5.14 0 0 0 5.14-5.14v-10.281a5.14 5.14 0 1 0-10.28 0v10.281a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#E)"
/>
<linearGradient
id="F"
x1="-11.49"
x2="35.519"
y1="599.443"
y2="641.298"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 407.424a5.14 5.14 0 0 0 5.14-5.14v-10.795a5.14 5.14 0 1 0-10.28 0v10.795a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#F)"
/>
<linearGradient
id="G"
x1="-9.165"
x2="37.831"
y1="596.835"
y2="638.69"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M242.316 444.846a5.14 5.14 0 0 0 5.14-5.14v-10.898a5.14 5.14 0 1 0-10.28 0v10.898a5.14 5.14 0 0 0 5.14 5.14z"
fill="url(#G)"
/>
<linearGradient
id="H"
x1="-15.132"
x2="31.864"
y1="603.535"
y2="645.39"
gradientTransform="matrix(8 0 0 -8 91 5409)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec2385" />
<stop offset="1" stop-color="#4e479c" />
</linearGradient>
<path
d="M293 0C131.181 0 0 131.181 0 293s131.181 293 293 293 293-131.181 293-293C585.773 131.274 454.726.227 293 0zm0 575.719C136.858 575.719 10.281 449.142 10.281 293S136.858 10.281 293 10.281 575.719 136.858 575.719 293C575.493 449.048 449.048 575.493 293 575.719z"
fill="url(#H)"
/>
</svg>
More icons in the same style and category