Add icons to this collection by clicking the heart icon.
Web Design icon - also known as screen, data, monitor, web design, development, code, browser, web development, website design, 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="512"
height="512"
viewBox="0 0 50 50"
>
<linearGradient id="a">
<stop offset="0" stop-color="#d810fb" />
<stop offset="1" stop-color="#3953ed" />
</linearGradient>
<linearGradient
id="b"
x1="24.268"
x2="26.504"
y1="1.422"
y2="59.332"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="24.332"
x2="26.568"
y1="1.42"
y2="59.329"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="11.398"
x2="13.633"
y1="1.919"
y2="59.828"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="11.134"
x2="13.37"
y1="1.929"
y2="59.839"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="11.019"
x2="13.255"
y1="1.934"
y2="59.843"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="24.094"
x2="26.33"
y1="1.429"
y2="59.338"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="23.831"
x2="26.067"
y1="1.439"
y2="59.348"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="23.715"
x2="25.951"
y1="1.443"
y2="59.353"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="36.791"
x2="39.027"
y1=".939"
y2="58.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="36.528"
x2="38.764"
y1=".949"
y2="58.858"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="36.412"
x2="38.648"
y1=".953"
y2="58.863"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="24.651"
x2="26.887"
y1="1.407"
y2="59.317"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="23.676"
x2="25.912"
y1="1.445"
y2="59.354"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M47.811 1.015H2.189C1.258 1.015.5 1.773.5 2.705v35.33a1.69 1.69 0 0 0 1.689 1.689h16.947l-2.561 4.685h-2.657c-.709 0-1.286.576-1.286 1.285v2.005c0 .709.577 1.286 1.286 1.286h22.161c.709 0 1.286-.577 1.286-1.286v-2.005c0-.709-.577-1.285-1.286-1.285h-2.656l-2.561-4.685h16.947a1.69 1.69 0 0 0 1.689-1.689V2.705a1.689 1.689 0 0 0-1.687-1.69zM36.366 45.694v2.005a.286.286 0 0 1-.286.286H13.919a.286.286 0 0 1-.286-.286v-2.005c0-.157.128-.285.286-.285H36.08c.158 0 .286.128.286.285zm-18.65-1.285 2.558-4.681h9.452l2.558 4.681zM48.5 38.035a.69.69 0 0 1-.689.689H2.189a.69.69 0 0 1-.689-.689V2.705a.69.69 0 0 1 .689-.689H47.81c.38 0 .689.31.689.689v35.33z"
/>
<path
fill="url(#c)"
d="M44.303 4.595H5.698c-.884 0-1.603.719-1.603 1.603v25.054c0 .884.719 1.603 1.603 1.603h38.605c.884 0 1.603-.719 1.603-1.603V6.198a1.605 1.605 0 0 0-1.603-1.603zm.602 26.656a.604.604 0 0 1-.603.603H5.698a.604.604 0 0 1-.603-.603V6.198c0-.332.271-.603.603-.603h38.605c.332 0 .603.271.603.603v25.053z"
/>
<path
fill="url(#d)"
d="M12.074 23.203a3.903 3.903 0 0 0 0-7.807 3.909 3.909 0 0 0-3.91 3.898 3.915 3.915 0 0 0 3.91 3.909zm0-6.808c1.598 0 2.898 1.3 2.898 2.898 0 1.604-1.3 2.909-2.898 2.909a2.913 2.913 0 0 1-2.91-2.909 2.908 2.908 0 0 1 2.91-2.898z"
/>
<path
fill="url(#e)"
d="M16.122 25.624H8.015a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 .001-1z"
/>
<path
fill="url(#f)"
d="M16.122 28.621H8.015a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 .001-1z"
/>
<path
fill="url(#g)"
d="M20.88 19.293a3.913 3.913 0 0 0 3.909 3.909 3.903 3.903 0 1 0-3.909-3.909zm6.808 0c0 1.604-1.3 2.909-2.898 2.909a2.912 2.912 0 0 1-2.909-2.909 2.906 2.906 0 0 1 2.909-2.898c1.598 0 2.898 1.3 2.898 2.898z"
/>
<path
fill="url(#h)"
d="M28.837 25.624h-8.106a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#i)"
d="M28.837 28.621h-8.106a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#j)"
d="M37.505 15.395a3.909 3.909 0 0 0-3.91 3.898 3.914 3.914 0 0 0 3.91 3.909 3.908 3.908 0 0 0 3.898-3.909 3.902 3.902 0 0 0-3.898-3.898zm0 6.808a2.913 2.913 0 0 1-2.91-2.909 2.906 2.906 0 0 1 2.91-2.898c1.598 0 2.898 1.3 2.898 2.898a2.906 2.906 0 0 1-2.898 2.909z"
/>
<path
fill="url(#k)"
d="M41.553 25.624h-8.106a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#l)"
d="M41.553 28.621h-8.106a.5.5 0 0 0 0 1h8.106a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#m)"
d="M8.909 12.927h32.183a.5.5 0 0 0 .5-.5v-3.98a.5.5 0 0 0-.5-.5H8.909a.5.5 0 0 0-.5.5v3.98c0 .277.223.5.5.5zm.5-3.98h31.183v2.98H9.409z"
/>
<path
fill="url(#n)"
d="M26.207 35.235h-2.413a.5.5 0 0 0 0 1h2.413a.5.5 0 0 0 0-1z"
/>
</svg>
More icons in the same style and category