Add icons to this collection by clicking the heart icon.
Web Design icon - also known as internet, web design, website, browser, ui, web page, content, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="-6.415"
x2="58.919"
y1="58.196"
y2="-6.471"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="3.452"
x2="68.785"
y1="68.165"
y2="3.498"
href="#a"
/>
<linearGradient
id="c"
x1="5.452"
x2="70.785"
y1="70.185"
y2="5.519"
href="#a"
/>
<linearGradient
id="d"
x1="7.452"
x2="72.785"
y1="72.206"
y2="7.539"
href="#a"
/>
<linearGradient
id="e"
x1="6.235"
x2="71.568"
y1="70.976"
y2="6.31"
href="#a"
/>
<linearGradient
id="f"
x1="-1.415"
x2="63.918"
y1="63.247"
y2="-1.419"
href="#a"
/>
<linearGradient
id="g"
x1=".585"
x2="65.918"
y1="65.268"
y2=".601"
href="#a"
/>
<linearGradient
id="h"
x1="8.993"
x2="74.326"
y1="73.762"
y2="9.096"
href="#a"
/>
<linearGradient
id="i"
x1="-6.001"
x2="59.332"
y1="58.614"
y2="-6.053"
href="#a"
/>
<linearGradient
id="j"
x1="12.492"
x2="77.826"
y1="77.298"
y2="12.632"
href="#a"
/>
<linearGradient
id="k"
x1="3.585"
x2="68.918"
y1="68.299"
y2="3.632"
href="#a"
/>
<linearGradient
id="l"
x1="16.911"
x2="82.244"
y1="81.762"
y2="17.095"
href="#a"
/>
<linearGradient
id="m"
x1="20.41"
x2="85.744"
y1="85.298"
y2="20.631"
href="#a"
/>
<linearGradient
id="n"
x1="-.21"
x2="65.123"
y1="64.465"
y2="-.202"
href="#a"
/>
<linearGradient
id="o"
x1="-7.068"
x2="58.266"
y1="57.536"
y2="-7.13"
href="#a"
/>
<linearGradient
id="p"
x1="-5.088"
x2="60.245"
y1="59.536"
y2="-5.13"
href="#a"
/>
<linearGradient
id="q"
x1="-3.109"
x2="62.225"
y1="61.536"
y2="-3.13"
href="#a"
/>
<linearGradient
id="r"
x1="-16.718"
x2="48.616"
y1="47.787"
y2="-16.88"
href="#a"
/>
<linearGradient
id="s"
x1="-11.501"
x2="53.832"
y1="53.057"
y2="-11.609"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M21 44H9a1 1 0 0 1-1-1V31a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-11-2h10V32H10z"
/>
<path fill="url(#b)" d="M55 32H27a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M55 36H27a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M55 40H27a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M42 44H27a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M21 48H9a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M21 52H9a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path
fill="url(#h)"
d="M39 54H27a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-11-2h10v-4H28z"
/>
<path
fill="url(#i)"
d="M55 28H9a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zm-45-2h44V16H10z"
/>
<path fill="url(#j)" d="M39 58H27a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M21 58H9a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path
fill="url(#l)"
d="M55 54H43a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-11-2h10v-4H44z"
/>
<path fill="url(#m)" d="M55 58H43a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path
fill="url(#n)"
d="M59 63H5a1 1 0 0 1-1-1V4a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v58a1 1 0 0 1-1 1zM6 61h52V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"
/>
<circle cx="45" cy="6" r="1" fill="url(#o)" />
<circle cx="49" cy="6" r="1" fill="url(#p)" />
<circle cx="53" cy="6" r="1" fill="url(#q)" />
<path fill="url(#r)" d="M40 7H11a1 1 0 0 1 0-2h29a1 1 0 0 1 0 2z" />
<path fill="url(#s)" d="M59 11H5a1 1 0 0 1 0-2h54a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category