Add icons to this collection by clicking the heart icon.
Web Design icon - also known as computer, interface, screen, data, monitor, web design, application, development, website, multimedia, browser, ui, web page, programming, coding, art and design, seo and web, and edit tools. 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="11"
x2="11"
y1=".937"
y2="64.861"
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>
<linearGradient
id="b"
x1="15"
x2="15"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="c"
x1="19"
x2="19"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="d"
x1="34"
x2="34"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="e"
x1="39.854"
x2="39.854"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="f"
x1="48.146"
x2="48.146"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="g"
x1="44"
x2="44"
y1=".937"
y2="64.861"
gradientTransform="rotate(71.547 44 9)"
href="#a"
/>
<linearGradient
id="h"
x1="53"
x2="53"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="i"
x1="39"
x2="39"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="j"
x1="50"
x2="50"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="k"
x1="57"
x2="57"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="l"
x1="32"
x2="32"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="m"
x1="17"
x2="17"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="n"
x1="15.5"
x2="15.5"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="o"
x1="30.5"
x2="30.5"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="p"
x1="47"
x2="47"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="q"
x1="45.5"
x2="45.5"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="r"
x1="40"
x2="40"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient
id="s"
x1="23"
x2="23"
y1=".937"
y2="64.861"
href="#a"
/>
<linearGradient id="t" x1="3" x2="3" y1=".937" y2="64.861" href="#a" />
</defs>
<g>
<path d="M10 10h2v2h-2z" fill="url(#a)" />
<path d="M14 10h2v2h-2z" fill="url(#b)" />
<path d="M18 10h2v2h-2z" fill="url(#c)" />
<path
d="M58 2H38a4 4 0 0 0-4 4H10a4 4 0 0 0-4 4v44a4 4 0 0 0 4 4h44a4 4 0 0 0 4-4V20a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4ZM10 8h24v6H8v-4a2 2 0 0 1 2-2Zm46 46a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V16h26a4 4 0 0 0 4 4h1v3a1 1 0 0 0 1.555.832L46.3 20H56Zm4-38a2 2 0 0 1-2 2H46a1.006 1.006 0 0 0-.555.168L41 21.132V19a1 1 0 0 0-1-1h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2Z"
fill="url(#d)"
/>
<path
d="m40.293 6.293-2 2a1 1 0 0 0 0 1.414l2 2 1.414-1.414L40.414 9l1.293-1.293Z"
fill="url(#e)"
/>
<path
d="m47.707 11.707 2-2a1 1 0 0 0 0-1.414l-2-2-1.414 1.414L47.586 9l-1.293 1.293Z"
fill="url(#f)"
/>
<path
d="M40.838 8h6.325v1.999h-6.325z"
transform="rotate(-71.547 44 9)"
fill="url(#g)"
/>
<path d="M52 8h2v2h-2z" fill="url(#h)" />
<path d="M38 14h2v2h-2z" fill="url(#i)" />
<path d="M42 14h16v2H42z" fill="url(#j)" />
<path d="M56 8h2v2h-2z" fill="url(#k)" />
<path
d="M13 21h20v-2H12a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1v-9h-2v8H13Z"
fill="url(#l)"
/>
<path
d="M22 35H12a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-8v-2h8ZM11 43h12v2H11zM11 47h12v2H11z"
fill="url(#m)"
/>
<path d="M11 51h9v2h-9z" fill="url(#n)" />
<path
d="M37 35H27a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-8v-2h8ZM26 43h12v2H26zM26 47h12v2H26z"
fill="url(#l)"
/>
<path d="M26 51h9v2h-9z" fill="url(#o)" />
<path
d="M52 35H42a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-8v-2h8ZM41 43h12v2H41zM41 47h12v2H41z"
fill="url(#p)"
/>
<path d="M41 51h9v2h-9z" fill="url(#q)" />
<path d="M26 60h28v2H26z" fill="url(#r)" />
<path d="M22 60h2v2h-2z" fill="url(#s)" />
<path d="M2 16h2v26H2z" fill="url(#t)" />
</g>
</svg>
More icons in the same style and category