Add icons to this collection by clicking the heart icon.
Web Design icon - also known as web design, page, website, layout, browser, ui, website design, web browser, square layout, 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="32"
x2="32"
y1="1.461"
y2="53.064"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e7f0" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x1="7.5" x2="7.5" y1="1.461" y2="53.064" href="#a" />
<linearGradient
id="c"
x1="12.5"
x2="12.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient
id="d"
x1="17.5"
x2="17.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient
id="e"
x1="56.5"
x2="56.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient id="f" x1="40" x2="40" y1="1.461" y2="53.064" href="#a" />
<linearGradient
id="g"
x1="35.5"
x2="35.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient
id="h"
x1="54.5"
x2="54.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient
id="i"
x1="42.5"
x2="42.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient id="j" x1="45" x2="45" y1="1.461" y2="53.064" href="#a" />
<linearGradient
id="k"
x1="47.5"
x2="47.5"
y1="1.461"
y2="53.064"
href="#a"
/>
<linearGradient id="l" x1="19" x2="19" y1="1.461" y2="53.064" href="#a" />
<path
fill="url(#a)"
d="M59 2H5a3.009 3.009 0 0 0-3 3v54a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zm1 57a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V12h56zm0-49H4V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M8 6H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M13 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M18 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M57 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M52 6H28a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M36 18h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M55 34h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M50 34H35a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<g fill="url(#j)">
<path
d="M55 30H35a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2zM55 26H35a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2zM55 22H35a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z"
/>
</g>
<path fill="url(#k)" d="M55 18H40a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<path
fill="url(#j)"
d="M55 56H35a1 1 0 0 1-1-1V39a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm-19-2h18V40H36z"
/>
<path
fill="url(#l)"
d="M29 56H9a1 1 0 0 1-1-1V39a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm-19-2h18V40H10zM19 34a9 9 0 1 1 9-9 9.011 9.011 0 0 1-9 9zm0-16a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7z"
/>
</svg>
More icons in the same style and category