Add icons to this collection by clicking the heart icon.
Web Design icon - also known as computer, interface, screen, data, monitor, web design, development, website, code, multimedia, browser, web page, programming, hosting, coding, 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="640"
height="640"
viewBox="-31 0 479 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="208.5"
x2="208.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="360.5"
x2="360.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="56.5"
x2="56.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="88.5"
x2="88.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="120.5"
x2="120.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="256.5"
x2="256.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="220.5"
x2="220.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="240.732"
x2="240.732"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="304.5"
x2="304.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="200.5"
x2="200.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="240.5"
x2="240.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="296.5"
x2="296.5"
y1="495.032"
y2="-16.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m386.492 65.266-4 15.488C393.094 83.484 400.504 93.05 400.5 104v24h-16v16h16v160h-384V144h112v-16h-112v-24c0-13.254 10.746-24 24-24h88V64h-88C18.418 64.027.527 81.918.5 104v240c.027 22.082 17.918 39.973 40 40h102.938l-6 48H120.5c-8.836 0-16 7.164-16 16v16c0 8.836 7.164 16 16 16h176c8.836 0 16-7.164 16-16v-16c0-8.836-7.164-16-16-16h-16.938l-6-48H376.5c22.082-.027 39.973-17.918 40-40V104c0-18.246-12.344-34.18-30.008-38.734zM296.5 464h-176v-16h176zm-33.063-32H153.563l6-48h97.875zM376.5 368h-336c-13.254 0-24-10.746-24-24v-24h384v24c0 13.254-10.746 24-24 24zm0 0"
/>
<path fill="url(#c)" d="M352.5 336h16v16h-16zm0 0" />
<path fill="url(#d)" d="M48.5 96h16v16h-16zm0 0" />
<path fill="url(#e)" d="M80.5 96h16v16h-16zm0 0" />
<path fill="url(#f)" d="M112.5 96h16v16h-16zm0 0" />
<path
fill="url(#g)"
d="M160.5 288h192c8.836 0 16-7.164 16-16V16c0-8.836-7.164-16-16-16h-192c-8.836 0-16 7.164-16 16v256c0 8.836 7.164 16 16 16zm0-272h192v256h-192zm0 0"
/>
<path
fill="url(#h)"
d="M200.5 112h48V96h-40V64h32V48h-40a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zM200.5 208h48v-16h-40v-32h32v-16h-40a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm0 0"
/>
<path
fill="url(#i)"
d="m232.73 76.457-10.109-10.113-11.312 11.312 15.765 15.77c3.125 3.12 8.192 3.12 11.313 0l31.77-31.77-11.313-11.312zM232.73 172.457l-10.109-10.113-11.312 11.312 15.765 15.77c3.125 3.12 8.192 3.12 11.313 0l31.77-31.77-11.313-11.312zm0 0"
/>
<path
fill="url(#j)"
d="M288.5 56h32v16h-32zM288.5 88h32v16h-32zM288.5 152h32v16h-32zM288.5 184h32v16h-32zm0 0"
/>
<path fill="url(#k)" d="M192.5 224h16v16h-16zm0 0" />
<path fill="url(#l)" d="M224.5 224h32v16h-32zm0 0" />
<path fill="url(#m)" d="M272.5 224h48v16h-48zm0 0" />
<g fill="url(#e)">
<path
d="M48.5 176h80v16h-80zM48.5 208h80v16h-80zM48.5 240h80v16h-80zM48.5 272h80v16h-80zm0 0"
/>
</g>
</svg>
More icons in the same style and category