Add icons to this collection by clicking the heart icon.
Web Development icon - also known as computer, interface, screen, data, monitor, web design, application, development, website, multimedia, browser, ui, web development, web page, programming, coding, seo and web, and edit tools. Created in a clean flat gradient style with a white and purple finish, 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="503pt"
height="503pt"
viewBox="0 -29 503.133 503"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fd72b7" />
<stop offset=".157" stop-color="#fd78bb" />
<stop offset=".371" stop-color="#fd8ac6" />
<stop offset=".618" stop-color="#fda6d9" />
<stop offset=".887" stop-color="#fdcef3" />
<stop offset="1" stop-color="#fde1ff" />
</linearGradient>
<linearGradient
id="i"
x1="268.365"
x2="268.365"
y1="434.523"
y2="349.925"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="285.293"
x2="285.293"
y1="375.844"
y2="59.769"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fda1e8" />
<stop offset=".628" stop-color="#fdccf8" />
<stop offset="1" stop-color="#fde1ff" />
</linearGradient>
<linearGradient
id="k"
x1="43.453"
x2="479.132"
y1="217.806"
y2="217.806"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="43.453"
x2="479.132"
y1="193.716"
y2="193.716"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b78ab" />
<stop offset=".205" stop-color="#666086" />
<stop offset=".419" stop-color="#554c67" />
<stop offset=".627" stop-color="#493e50" />
<stop offset=".824" stop-color="#423543" />
<stop offset="1" stop-color="#3f323e" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="m"
x1="259.822"
x2="117.885"
y1="193.62"
y2="193.62"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="327.647"
x2="185.711"
y1="193.62"
y2="193.62"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c8e7db" />
<stop offset=".104" stop-color="#a0ead0" />
<stop offset=".213" stop-color="#7fecc7" />
<stop offset=".33" stop-color="#63eebf" />
<stop offset=".455" stop-color="#4ef0b9" />
<stop offset=".594" stop-color="#3ff1b5" />
<stop offset=".757" stop-color="#36f2b3" />
<stop offset="1" stop-color="#33f2b2" />
</linearGradient>
<linearGradient
id="o"
x1="0"
x2="286.149"
y1="136.609"
y2="136.609"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#006e76" />
<stop offset="1" stop-color="#009b76" />
</linearGradient>
<linearGradient
id="p"
x1="236.475"
x2="445.162"
y1="221.277"
y2="221.277"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="222.083"
x2="430.768"
y1="208.228"
y2="208.228"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#ff9dea" />
<stop offset="1" stop-color="#e46f8b" />
</linearGradient>
<linearGradient
id="r"
x1="222.083"
x2="430.768"
y1="145.685"
y2="145.685"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".146" stop-color="#fff" stop-opacity=".145" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="s"
x1="280.943"
x2="241.82"
y1="189.766"
y2="189.766"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="t"
x1="280.848"
x2="241.727"
y1="236.435"
y2="236.435"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="u"
x1="409.439"
x2="289.296"
y1="219.466"
y2="219.466"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".121" stop-color="#edeaea" stop-opacity=".122" />
<stop offset=".285" stop-color="#dad5d5" stop-opacity=".286" />
<stop offset=".467" stop-color="#cdc6c6" stop-opacity=".467" />
<stop offset=".681" stop-color="#c5bdbd" stop-opacity=".682" />
<stop offset="1" stop-color="#c3baba" />
</linearGradient>
<linearGradient
id="v"
x1="275.484"
x2="247.892"
y1="216.202"
y2="216.202"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="w"
x1="275.484"
x2="247.892"
y1="220.317"
y2="220.317"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="x"
x1="275.484"
x2="247.892"
y1="224.432"
y2="224.432"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="y"
x1="275.484"
x2="247.892"
y1="228.548"
y2="228.548"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="z"
x1="275.484"
x2="247.892"
y1="232.663"
y2="232.663"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="A"
x1="275.484"
x2="247.892"
y1="236.778"
y2="236.778"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="B"
x1="275.484"
x2="247.892"
y1="240.893"
y2="240.893"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="C"
x1="275.484"
x2="247.892"
y1="245.008"
y2="245.008"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="D"
x1="275.484"
x2="247.892"
y1="249.124"
y2="249.124"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="E"
x1="275.484"
x2="247.892"
y1="253.239"
y2="253.239"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="F"
x1="275.484"
x2="247.892"
y1="257.354"
y2="257.354"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="G"
x1="337.013"
x2="456.214"
y1="59.391"
y2="59.391"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="H"
x1="352.376"
x2="295.618"
y1="92.303"
y2="92.303"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="I"
x1="105.031"
x2="132.178"
y1="288.184"
y2="288.184"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="J"
x1="113.147"
x2="124.061"
y1="126.946"
y2="126.946"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="K"
x1="104.996"
x2="132.152"
y1="353.937"
y2="353.937"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="#fde1ff"
d="M226.773 349.926v71.84c0 4.254-1.257 8.367-3.414 11.89h-41.445v10.426h25.383c-.465.043-.926.094-1.399.102v.02h113.567c11.726 0 19.703-10.708 19.703-22.438v-71.84zm0 0"
/>
<path
fill="url(#i)"
d="M225.246 349.926v65.297c0 10.547-8.633 19.105-19.348 19.285v.015h105.25c10.872 0 19.684-8.64 19.684-19.3v-65.297zm0 0"
/>
<path
fill="url(#j)"
d="M482.55 375.844H88.036c-11.367 0-20.582-9.215-20.582-20.582V80.348c0-11.364 9.215-20.578 20.582-20.578h394.516c11.367 0 20.582 9.214 20.582 20.578v274.914c0 11.367-9.215 20.582-20.582 20.582zm0 0"
/>
<path
fill="url(#k)"
d="M458.55 375.844H64.036c-11.367 0-20.582-9.215-20.582-20.582V80.348c0-11.364 9.215-20.578 20.582-20.578h394.516c11.367 0 20.582 9.214 20.582 20.578v274.914c0 11.367-9.215 20.582-20.582 20.582zm0 0"
/>
<path
fill="url(#l)"
d="M43.453 327.66V80.348c0-11.364 9.215-20.578 20.582-20.578h394.516c11.367 0 20.582 9.214 20.582 20.578V327.66"
/>
<path fill="url(#m)" d="M259.82 327.652h-51.937l-90-268.062h51.937zm0 0" />
<path fill="url(#n)" d="M327.648 327.652h-51.937l-90-268.062h51.937zm0 0" />
<path
fill="url(#o)"
d="M285.023 92.727a1.125 1.125 0 0 0 0-2.25h-30V47.723h30a1.125 1.125 0 0 0 0-2.25h-30v-30a1.125 1.125 0 0 0-2.25 0v30H210.02v-30a1.125 1.125 0 0 0-2.25 0v30h-42.758v-30a1.125 1.125 0 0 0-2.25 0v30h-42.754v-30a1.125 1.125 0 0 0-2.25 0v30H75.004v-30a1.125 1.125 0 0 0-2.25 0v30H30v-30a1.125 1.125 0 0 0-2.25 0v30H1.125a1.125 1.125 0 0 0 0 2.25H27.75v42.754H1.125a1.125 1.125 0 0 0 0 2.25H27.75v42.757H1.125a1.125 1.125 0 0 0 0 2.25H27.75v42.754H1.125a1.125 1.125 0 0 0 0 2.25H27.75v42.754H1.125a1.125 1.125 0 0 0 0 2.25H27.75v30a1.125 1.125 0 0 0 2.25 0v-30h42.754v30a1.125 1.125 0 0 0 2.25 0v-30h42.758v30a1.125 1.125 0 0 0 2.25 0v-30h42.754v30a1.125 1.125 0 0 0 2.25 0v-30h42.754v30a1.125 1.125 0 0 0 2.25 0v-30h42.753v30a1.125 1.125 0 0 0 2.25 0v-30h30a1.125 1.125 0 0 0 0-2.25h-30v-42.754h30a1.125 1.125 0 0 0 0-2.25h-30v-42.754h30a1.125 1.125 0 0 0 0-2.25h-30V92.727zm-32.25-45.004v42.754H210.02V47.723zm-45.003 0v42.754h-42.758V47.723zm-90.012 87.761H75.004V92.727h42.758v42.757zm2.25-42.757h42.754v42.757h-42.754zm-2.25 45.007v42.754H75.004v-42.754zm2.25 0h42.754v42.754h-42.754zm45.004 0h42.758v42.754h-42.758zm0-2.25V92.727h42.758v42.757zm-2.25-87.761v42.754h-42.754V47.723zm-45.004 0v42.754H75.004V47.723zm-87.758 0h42.754v42.754H30zm0 45.004h42.754v42.757H30zm0 45.007h42.754v42.754H30zm0 87.758v-42.754h42.754v42.754zm45.004 0v-42.754h42.758v42.754zm45.004 0v-42.754h42.754v42.754zm45.004 0v-42.754h42.758v42.754zm87.761 0H210.02v-42.754h42.753zm0-45.004H210.02v-42.754h42.753zm0-45.004H210.02V92.727h42.753zm0 0"
/>
<path
fill="url(#p)"
d="M441.68 295.879H239.957a3.48 3.48 0 0 1-3.48-3.477v-144.82c0-.5.406-.906.91-.906h203.386a4.389 4.389 0 0 1 4.391 4.386v141.34a3.483 3.483 0 0 1-3.484 3.477zm0 0"
/>
<path
fill="url(#q)"
d="M427.29 282.832H225.561a3.48 3.48 0 0 1-3.48-3.48v-141.34a4.389 4.389 0 0 1 4.39-4.387H426.38a4.389 4.389 0 0 1 4.39 4.387v141.34a3.48 3.48 0 0 1-3.48 3.48zm0 0"
/>
<path
fill="url(#r)"
d="M430.77 157.746H222.082v-19.863a4.258 4.258 0 0 1 4.258-4.258h200.172a4.258 4.258 0 0 1 4.258 4.258zm0 0"
/>
<path fill="url(#s)" d="M241.82 177.914h39.121v23.703h-39.12zm0 0" />
<path fill="url(#t)" d="M241.727 208.863h39.12v55.145h-39.12zm0 0" />
<path fill="url(#u)" d="M289.297 176.406h120.14v86.121h-120.14zm0 0" />
<g fill="#fff">
<path
d="M239.023 147.117a4.157 4.157 0 1 1-8.313-.001 4.157 4.157 0 0 1 8.313.001zM253.2 147.117a4.157 4.157 0 1 1-8.311-.001 4.157 4.157 0 0 1 8.31.001zM267.16 147.117a4.157 4.157 0 1 1-8.314-.001 4.157 4.157 0 0 1 8.314.001zm0 0"
/>
</g>
<path
fill="#543254"
d="m368.676 240.863-.969-.972 19.738-19.743-19.738-19.742.969-.969 20.71 20.711zM329.941 240.863l-20.71-20.715 20.71-20.71.973.968-19.742 19.742 19.742 19.743zM353.055 199.266l1.261.543-17.379 40.593-1.261-.539zm0 0"
/>
<path fill="url(#v)" d="M247.89 215.516h27.594v1.37h-27.593zm0 0" />
<path fill="url(#w)" d="M247.89 219.633h27.594v1.37h-27.593zm0 0" />
<path fill="url(#x)" d="M247.89 223.746h27.594v1.371h-27.593zm0 0" />
<path fill="url(#y)" d="M247.89 227.863h27.594v1.371h-27.593zm0 0" />
<path fill="url(#z)" d="M247.89 231.977h27.594v1.37h-27.593zm0 0" />
<path fill="url(#A)" d="M247.89 236.09h27.594v1.375h-27.593zm0 0" />
<path fill="url(#B)" d="M247.89 240.207h27.594v1.371h-27.593zm0 0" />
<path fill="url(#C)" d="M247.89 244.324h27.594v1.371h-27.593zm0 0" />
<path fill="url(#D)" d="M247.89 248.438h27.594v1.37h-27.593zm0 0" />
<path fill="url(#E)" d="M247.89 252.55h27.594v1.376h-27.593zm0 0" />
<path fill="url(#F)" d="M247.89 256.668h27.594v1.371h-27.593zm0 0" />
<path
fill="url(#G)"
d="M445.504 57.633c0-5.77 4.418-10.5 10.055-11.012a59.974 59.974 0 0 0-10.016-22.469c-4.328 3.18-10.441 2.825-14.36-1.09-3.804-3.808-4.253-9.69-1.355-13.996a60.031 60.031 0 0 0-22.414-9c-1.094 4.961-5.512 8.676-10.8 8.676-5.29 0-9.708-3.715-10.802-8.676a60.031 60.031 0 0 0-22.414 9c2.899 4.305 2.45 10.188-1.355 13.996-3.914 3.915-10.027 4.27-14.36 1.09a60.036 60.036 0 0 0-10.015 22.47c5.637.507 10.055 5.241 10.055 11.01 0 5.993-4.766 10.86-10.707 11.048a59.91 59.91 0 0 0 9.148 23.78c.078-.081.148-.17.23-.253 4.32-4.324 11.325-4.324 15.645 0 4.324 4.32 4.324 11.324 0 15.645-.191.195-.398.37-.602.55a59.997 59.997 0 0 0 24.168 10.313 10.74 10.74 0 0 1-.058-1.125c0-6.11 4.957-11.063 11.066-11.063s11.063 4.953 11.063 11.063c0 .379-.02.754-.055 1.125a59.997 59.997 0 0 0 24.168-10.313c-.203-.18-.41-.355-.605-.55-4.32-4.32-4.32-11.325 0-15.645 4.32-4.324 11.328-4.324 15.648 0 .082.082.152.172.23.254a59.968 59.968 0 0 0 9.149-23.781c-5.941-.188-10.707-5.055-10.707-11.047zm-48.89 29.273c-14.72 0-26.65-11.93-26.65-26.648 0-14.715 11.934-26.645 26.65-26.645 14.718 0 26.648 11.93 26.648 26.645 0 14.719-11.93 26.648-26.649 26.648zm0 0"
/>
<path
fill="url(#H)"
d="M339.883 75.227a5.28 5.28 0 0 1-.324-7.106 28.61 28.61 0 0 0-10.95-4.195 5.273 5.273 0 0 1-5.207 4.472 5.274 5.274 0 0 1-5.175-4.261 28.597 28.597 0 0 0-10.594 4.523 5.272 5.272 0 0 1-7.281 7.281 28.599 28.599 0 0 0-4.52 10.59 5.27 5.27 0 0 1-.215 10.383 28.61 28.61 0 0 0 4.2 10.953 5.27 5.27 0 0 1 7.214 7.656 28.55 28.55 0 0 0 11.106 4.934c-.004-.055-.012-.11-.012-.164a5.275 5.275 0 0 1 5.277-5.273 5.271 5.271 0 0 1 5.274 5.273c0 .133-.012.262-.02.39a28.58 28.58 0 0 0 11.625-4.671 5.279 5.279 0 0 1-.398-7.82 5.272 5.272 0 0 1 7.82.398 28.602 28.602 0 0 0 4.672-11.625c-.129.008-.258.02-.39.02a5.274 5.274 0 0 1-5.274-5.274 5.275 5.275 0 0 1 5.273-5.277c.059 0 .11.007.164.007a28.55 28.55 0 0 0-4.93-11.101 5.272 5.272 0 0 1-7.335-.113zm-6.613 26.351c-4.961 4.961-13.004 4.961-17.97 0-4.96-4.96-4.96-13.008 0-17.969 4.966-4.96 13.009-4.96 17.97 0 4.96 4.961 4.96 13.008 0 17.97zm0 0"
/>
<path
fill="url(#I)"
d="M105.031 176.258h27.149v210.277c0 7.496-6.078 13.574-13.575 13.574-7.496 0-13.574-6.078-13.574-13.574zm0 0"
/>
<path fill="#fddcff" d="m105.016 176.203 13.59-61.633 13.585 61.633zm0 0" />
<path fill="url(#J)" d="m124.063 139.324-5.458-24.754-5.457 24.754zm0 0" />
<path fill="url(#K)" d="M104.996 352.527h27.156v2.82h-27.156zm0 0" />
</svg>
More icons in the same style and category