Add icons to this collection by clicking the heart icon.
Web Design icon - also known as screen, data, monitor, web design, multimedia, browser, web development, website design, coding, and seo and web. 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 512 512"
>
<defs>
<linearGradient
id="a"
x1=".307"
x2="540.9"
y1="507.693"
y2="-32.9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-167.693"
x2="372.9"
y1="339.693"
y2="-200.9"
href="#a"
/>
<linearGradient
id="c"
x1="-151.693"
x2="388.9"
y1="355.693"
y2="-184.9"
href="#a"
/>
<linearGradient
id="d"
x1="-135.693"
x2="404.9"
y1="371.693"
y2="-168.9"
href="#a"
/>
<linearGradient
id="e"
x1="-97.693"
x2="442.9"
y1="409.693"
y2="-130.9"
href="#a"
/>
<linearGradient
id="f"
x1="-117.693"
x2="422.9"
y1="389.693"
y2="-150.901"
href="#a"
/>
<linearGradient
id="g"
x1="-77.693"
x2="462.901"
y1="429.693"
y2="-110.9"
href="#a"
/>
<linearGradient
id="h"
x1="22.307"
x2="562.9"
y1="529.693"
y2="-10.901"
href="#a"
/>
<linearGradient
id="i"
x1="22.307"
x2="562.9"
y1="529.693"
y2="-10.9"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M476 72h-60V16a8 8 0 0 0-8-8H104a8 8 0 0 0-8 8v56H36a28.031 28.031 0 0 0-28 28v304a28.031 28.031 0 0 0 28 28h152.68l-11.33 32H144a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-34.35l-11.33-32H476a28.031 28.031 0 0 0 28-28V100a28.031 28.031 0 0 0-28-28ZM112 24h288v32H112Zm0 48h288v304H112Zm-88 28a12.01 12.01 0 0 1 12-12h60v288H24Zm336 380v8H152v-8Zm-165.68-16 11.33-32h99.7l11.33 32ZM488 404a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-12h464Zm0-28h-72V88h60a12.01 12.01 0 0 1 12 12Z"
/>
<path fill="url(#b)" d="M128 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path fill="url(#c)" d="M160 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path fill="url(#d)" d="M192 48h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16Z" />
<path
fill="url(#e)"
d="M211.578 80.845a8 8 0 0 0-10.733 3.577l-32 64a8 8 0 1 0 14.31 7.156l32-64a8 8 0 0 0-3.577-10.733Z"
/>
<path
fill="url(#f)"
d="M156.8 81.6a8 8 0 0 0-11.2 1.6l-24 32a8 8 0 0 0 0 9.6l24 32a8 8 0 1 0 12.8-9.6L138 120l20.4-27.2a8 8 0 0 0-1.6-11.2Z"
/>
<path
fill="url(#g)"
d="M227.2 158.4a8 8 0 0 0 11.2-1.6l24-32a8 8 0 0 0 0-9.6l-24-32a8 8 0 1 0-12.8 9.6L246 120l-20.4 27.2a8 8 0 0 0 1.6 11.2Z"
/>
<path
fill="url(#h)"
d="m385.569 240.155-22.764-4.555q-.849-2.221-1.836-4.409l12.884-19.325a8 8 0 0 0-1-10.094l-22.628-22.628a8 8 0 0 0-10.1-1L320.8 191.027q-2.185-.987-4.409-1.835l-4.552-22.765A8 8 0 0 0 304 160h-32a8 8 0 0 0-7.845 6.431L259.6 189.2q-2.221.847-4.409 1.835l-19.325-12.883a8 8 0 0 0-10.095 1l-22.628 22.628a8 8 0 0 0-1 10.094l12.884 19.325q-.987 2.186-1.836 4.409l-22.764 4.552A8 8 0 0 0 184 248v32a8 8 0 0 0 6.431 7.845L213.2 292.4q.847 2.221 1.836 4.409l-12.884 19.325a8 8 0 0 0 1 10.1l22.628 22.627a8 8 0 0 0 10.094 1l19.325-12.883q2.186.987 4.409 1.835l4.552 22.765A8 8 0 0 0 272 368h32a8 8 0 0 0 7.845-6.431L316.4 338.8q2.221-.847 4.409-1.835l19.325 12.883a8 8 0 0 0 10.094-1l22.628-22.627a8 8 0 0 0 1-10.1l-12.884-19.325q.987-2.185 1.836-4.409l22.764-4.552A8 8 0 0 0 392 280v-32a8 8 0 0 0-6.431-7.845ZM376 273.441l-20.819 4.164a8 8 0 0 0-6.069 5.465 63.738 63.738 0 0 1-4.426 10.636 8 8 0 0 0 .425 8.158l11.79 17.685-13.352 13.351-17.686-11.79a8 8 0 0 0-8.157-.426 63.788 63.788 0 0 1-10.637 4.427 8 8 0 0 0-5.464 6.069L297.441 352h-18.882l-4.159-20.819a8 8 0 0 0-5.464-6.069 63.788 63.788 0 0 1-10.637-4.427 8 8 0 0 0-8.157.426L232.451 332.9 219.1 319.549l11.79-17.685a8 8 0 0 0 .425-8.158 63.738 63.738 0 0 1-4.426-10.636 8 8 0 0 0-6.069-5.465L200 273.441v-18.882l20.819-4.164a8 8 0 0 0 6.069-5.464 63.787 63.787 0 0 1 4.426-10.636 8 8 0 0 0-.425-8.158L219.1 208.451l13.351-13.351 17.686 11.79a8 8 0 0 0 8.157.426 63.788 63.788 0 0 1 10.637-4.427 8 8 0 0 0 5.464-6.069l4.164-20.82h18.882l4.164 20.819a8 8 0 0 0 5.464 6.069 63.788 63.788 0 0 1 10.637 4.427 8 8 0 0 0 8.157-.426l17.686-11.79 13.351 13.352-11.79 17.686a8 8 0 0 0-.425 8.158 63.787 63.787 0 0 1 4.426 10.636 8 8 0 0 0 6.069 5.464l20.82 4.164Z"
/>
<path
fill="url(#i)"
d="M288 216a48 48 0 1 0 48 48 48.054 48.054 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32.036 32.036 0 0 1-32 32Z"
/>
</svg>
More icons in the same style and category