Add icons to this collection by clicking the heart icon.
Web Design icon - also known as web design, development, website, layout, web development, content, customize, 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="27"
x2="27"
y1="62.245"
y2="4.54"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="6.5" x2="6.5" y1="62.245" y2="4.54" href="#a" />
<linearGradient
id="c"
x1="10.5"
x2="10.5"
y1="62.245"
y2="4.54"
href="#a"
/>
<linearGradient
id="d"
x1="14.5"
x2="14.5"
y1="62.245"
y2="4.54"
href="#a"
/>
<linearGradient id="e" x1="34" x2="34" y1="62.245" y2="4.54" href="#a" />
<linearGradient id="f" x1="58" x2="58" y1="62.245" y2="4.54" href="#a" />
<linearGradient id="g" x1="28" x2="28" y1="62.245" y2="4.54" href="#a" />
<linearGradient id="h" x1="35" x2="35" y1="62.245" y2="4.54" href="#a" />
<linearGradient id="i" x1="13" x2="13" y1="62.245" y2="4.54" href="#a" />
<g>
<path
fill="url(#a)"
d="M49 12H5a3.009 3.009 0 0 0-3 3v44a3.009 3.009 0 0 0 3 3h44a3.009 3.009 0 0 0 3-3V15a3.009 3.009 0 0 0-3-3zm1 47a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V20h46zm0-41H4v-3a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M7 15H6a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M11 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M15 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M47 15H21a1 1 0 0 0 0 2h26a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="M60.293 57.293 59 58.586V13.414l1.293 1.293a1 1 0 0 0 1.414-1.414l-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 1.414 1.414L57 13.414v45.172l-1.293-1.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414z"
/>
<path
fill="url(#g)"
d="m53.707 5.293-3-3a1 1 0 0 0-1.414 1.414L50.586 5H5.414l1.293-1.293a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 1 0 1.414-1.414L5.414 7h45.172l-1.293 1.293a1 1 0 1 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#a)"
d="M7 32h40a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h38v6H8z"
/>
<path
fill="url(#h)"
d="M47 34H23a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V35a1 1 0 0 0-1-1zm-1 22H24V36h22z"
/>
<g fill="url(#i)">
<path
d="M7 48h12a1 1 0 0 0 1-1V35a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1zm1-12h10v10H8zM7 58h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h10v4H8z"
/>
</g>
</g>
</svg>
More icons in the same style and category