Add icons to this collection by clicking the heart icon.
Web Development icon - also known as technology, computer, screen, television, tv, monitor, development, design, ui, web development, responsive, and seo and web. Created in a clean lineal 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 464.116 464.116"
>
<linearGradient
id="a"
x1="-71.816"
x2="-71.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M40.059 32h16v16h-16V32z" fill="url(#a)" />
<linearGradient
id="b"
x1="-67.816"
x2="-67.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M72.059 32h16v16h-16V32z" fill="url(#b)" />
<linearGradient
id="c"
x1="-63.816"
x2="-63.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M104.059 32h16v16h-16V32z" fill="url(#c)" />
<linearGradient
id="d"
x1="-33.816"
x2="-33.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M352.059 288c-39.764 0-72 32.236-72 72 0 39.765 32.236 72 72 72s72-32.235 72-72c-.048-39.744-32.255-71.951-72-72zm0 128c-30.928 0-56-25.072-56-56s25.072-56 56-56 56 25.072 56 56c-.035 30.913-25.086 55.965-56 56z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-48.816"
x2="-48.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M424.059 285.128V32c0-17.673-14.327-32-32-32h-352c-17.673 0-32 14.327-32 32v336c0 17.673 14.327 32 32 32h216c22.02 53.025 82.856 78.16 135.881 56.14s78.16-82.856 56.14-135.881a103.951 103.951 0 0 0-24.021-35.131zM40.059 16h352c8.837 0 16 7.163 16 16v32h-384V32c0-8.837 7.164-16 16-16zm0 368c-8.837 0-16-7.163-16-16V80h384v192.504c-48.116-31.083-112.32-17.274-143.403 30.842A103.718 103.718 0 0 0 250.963 384H40.059zm312 64c-48.601 0-88-39.399-88-88s39.399-88 88-88 88 39.399 88 88c-.057 48.577-39.422 87.943-88 88z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-33.566"
x2="-33.566"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m344.059 372.688-18.344-18.344-11.312 11.312 24 24a8 8 0 0 0 11.312 0l44-44-11.312-11.312-38.344 38.344z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-66.962"
x2="-66.962"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M100.747 104H56.059a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-44.688l13.656-13.656-11.312-11.312L100.747 104zm-4.688 48h-32v-32h20.688l-10.344 10.344 11.312 11.312 10.344-10.344V152z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-58.816"
x2="-58.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 104h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-42.816"
x2="-42.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M176.059 104h208v16h-208v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-46.816"
x2="-46.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 136h208v16h-208v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-66.962"
x2="-66.962"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M100.747 200H56.059a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-44.688l13.656-13.656-11.312-11.312L100.747 200zm-4.688 48h-32v-32h20.688l-10.344 10.344 11.312 11.312 10.344-10.344V248z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-58.816"
x2="-58.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 200h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-42.816"
x2="-42.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M176.059 200h208v16h-208v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-49.316"
x2="-49.316"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 232h168v16h-168v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-66.962"
x2="-66.962"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M114.403 282.344 100.747 296H56.059a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-44.688l13.656-13.656-11.312-11.312zM96.059 344h-32v-32h20.688l-10.344 10.344 11.312 11.312 10.344-10.344V344z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-58.816"
x2="-58.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 296h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-51.816"
x2="-51.816"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M176.059 296h64v16h-64v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-54.316"
x2="-54.316"
y1="603.796"
y2="539.595"
gradientTransform="matrix(8 0 0 -8 622.584 4797)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M144.059 328h88v16h-88v-16z" fill="url(#r)" />
</svg>
More icons in the same style and category