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="0 0 480 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="207.36"
x2="208.568"
y1="496.16"
y2="-16.472"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="359.64"
x2="360.848"
y1="496.52"
y2="-16.112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="263.136"
x2="264.336"
y1="496.288"
y2="-16.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="295.136"
x2="296.336"
y1="496.368"
y2="-16.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="327.136"
x2="328.336"
y1="496.44"
y2="-16.192"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="375.136"
x2="376.336"
y1="496.552"
y2="-16.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="407.136"
x2="408.336"
y1="496.632"
y2="-16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="439.136"
x2="440.336"
y1="496.704"
y2="-15.928"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="351.032"
x2="352.232"
y1="496.496"
y2="-16.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="262.928"
x2="264.136"
y1="496.288"
y2="-16.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="294.928"
x2="296.136"
y1="496.368"
y2="-16.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="326.928"
x2="328.128"
y1="496.44"
y2="-16.192"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="374.928"
x2="376.128"
y1="496.552"
y2="-16.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="406.928"
x2="408.128"
y1="496.632"
y2="-16.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="438.928"
x2="440.128"
y1="496.704"
y2="-15.928"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="66.024"
x2="67.224"
y1="495.824"
y2="-16.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="115.176"
x2="116.376"
y1="495.944"
y2="-16.688"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="164.32"
x2="165.528"
y1="496.056"
y2="-16.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="63.344"
x2="64.544"
y1="495.824"
y2="-16.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="135.344"
x2="136.544"
y1="495.992"
y2="-16.64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="79.416"
x2="80.624"
y1="495.856"
y2="-16.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="151.416"
x2="152.624"
y1="496.032"
y2="-16.6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="223.416"
x2="224.624"
y1="496.2"
y2="-16.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="287.416"
x2="288.624"
y1="496.344"
y2="-16.288"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M400 304H16V104c0-13.254 10.746-24 24-24h168V64H40C17.918 64.027.027 81.918 0 104v240c.027 22.082 17.918 39.973 40 40h102.938l-6 48H120c-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-48H376c22.082-.027 39.973-17.918 40-40V208h-16zM296 464H120v-16h176zm-33.063-32H153.063l6-48h97.875zM376 368H40c-13.254 0-24-10.746-24-24v-24h384v24c0 13.254-10.746 24-24 24zm0 0"
/>
<path fill="url(#c)" d="M352 336h16v16h-16zm0 0" />
<path fill="url(#d)" d="M256 120h16v16h-16zm0 0" />
<path fill="url(#e)" d="M288 120h16v16h-16zm0 0" />
<path fill="url(#f)" d="M320 120h16v16h-16zm0 0" />
<path fill="url(#g)" d="M368 112h16v32h-16zm0 0" />
<path fill="url(#h)" d="M400 112h16v32h-16zm0 0" />
<path fill="url(#i)" d="M432 112h16v32h-16zm0 0" />
<path
fill="url(#j)"
d="M464 80c8.836 0 16-7.164 16-16V16c0-8.836-7.164-16-16-16H240c-8.836 0-16 7.164-16 16v48c0 8.836 7.164 16 16 16h8v8h-8c-8.836 0-16 7.164-16 16v48c0 8.836 7.164 16 16 16h8v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-16h112v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-16h8c8.836 0 16-7.164 16-16v-48c0-8.836-7.164-16-16-16h-8v-8zM240 16h224v48H240zm56 72v-8h112v8zm-32-8h16v8h-16zm16 96h-16v-8h16zm160 0h-16v-8h16zm24-24H240v-48h224zm-24-64h-16v-8h16zm0 0"
/>
<path fill="url(#k)" d="M256 32h16v16h-16zm0 0" />
<path fill="url(#l)" d="M288 32h16v16h-16zm0 0" />
<path fill="url(#m)" d="M320 32h16v16h-16zm0 0" />
<path fill="url(#n)" d="M368 24h16v32h-16zm0 0" />
<path fill="url(#o)" d="M400 24h16v32h-16zm0 0" />
<path fill="url(#p)" d="M432 24h16v32h-16zm0 0" />
<path
fill="url(#q)"
d="m74.344 114.344-24 24a8.004 8.004 0 0 0 0 11.312l24 24 11.312-11.312L67.312 144l18.344-18.344zm0 0"
/>
<path fill="url(#r)" d="m96.512 173.191 24-64 14.98 5.618-24 64zm0 0" />
<path
fill="url(#s)"
d="m157.656 173.656 24-24a8.004 8.004 0 0 0 0-11.312l-24-24-11.312 11.312L164.688 144l-18.344 18.344zm0 0"
/>
<path fill="url(#t)" d="M48 208h32v16H48zm0 0" />
<path fill="url(#u)" d="M96 208h80v16H96zm0 0" />
<path fill="url(#v)" d="M64 240h32v16H64zm0 0" />
<path fill="url(#w)" d="M112 240h80v16h-80zm0 0" />
<path fill="url(#x)" d="M208 240h32v16h-32zm0 0" />
<path fill="url(#y)" d="M256 240h64v16h-64zm0 0" />
</svg>
More icons in the same style and category