Add icons to this collection by clicking the heart icon.
Web Design icon - also known as photo, web design, development, website, layout, image, web development, seo and web, and font design. 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="New_Gradient_Swatch_3"
gradientUnits="userSpaceOnUse"
x1="32"
x2="32"
y1="63.842"
y2="2.756"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_3-2"
x1="7.5"
x2="7.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-3"
x1="11.5"
x2="11.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-4"
x1="15.5"
x2="15.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-5"
x1="39.5"
x2="39.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-6"
x1="45"
x2="45"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-7"
x1="19"
x2="19"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-11"
x1="21"
x2="21"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-13"
x1="47.5"
x2="47.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-16"
x1="13.5"
x2="13.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-17"
x1="21.5"
x2="21.5"
y1="63.842"
y2="2.756"
href="#New_Gradient_Swatch_3"
/>
<g id="web_design-layout-coding-customize-develop">
<path
d="m59 2h-54a3.009 3.009 0 0 0 -3 3v54a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3v-54a3.009 3.009 0 0 0 -3-3zm1 57a1 1 0 0 1 -1 1h-54a1 1 0 0 1 -1-1v-47h56zm0-49h-56v-5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
fill="url(#New_Gradient_Swatch_3)"
/>
<path
d="m8 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-2)"
/>
<path
d="m12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-3)"
/>
<path
d="m16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-4)"
/>
<path
d="m57 6h-35a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-5)"
/>
<path
d="m55 14h-20a1 1 0 0 0 -1 1v18a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-18a1 1 0 0 0 -1-1zm-1 18h-18v-16h18z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m9 34h20a1 1 0 0 0 1-1v-18a1 1 0 0 0 -1-1h-20a1 1 0 0 0 -1 1v18a1 1 0 0 0 1 1zm1-18h18v16h-18z"
fill="url(#New_Gradient_Swatch_3-7)"
/>
<path
d="m50 18h-10a1 1 0 0 0 -1 1v2a1 1 0 0 0 2 0v-1h3v8a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2v-8h3v1a1 1 0 0 0 2 0v-2a1 1 0 0 0 -1-1z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m35 58h20a1 1 0 0 0 1-1v-18a1 1 0 0 0 -1-1h-20a1 1 0 0 0 -1 1v18a1 1 0 0 0 1 1zm1-18h18v16h-18z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m29 38h-20a1 1 0 0 0 -1 1v18a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-18a1 1 0 0 0 -1-1zm-18.26 18 5.26-9.02 5.26 9.02zm12.83 0-1.48-2.55 1.86-2.64 3.25 5.19zm4.43-2.49-3.15-5.04a1.006 1.006 0 0 0 -1.67-.05l-2.2 3.13-4.12-7.05a1.028 1.028 0 0 0 -1.72 0l-5.14 8.8v-13.3h18z"
fill="url(#New_Gradient_Swatch_3-7)"
/>
<circle cx="21" cy="44" fill="url(#New_Gradient_Swatch_3-11)" r="2" />
<path
d="m39 45h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-5)"
/>
<path
d="m51 43h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-13)"
/>
<path
d="m51 47h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m51 51h-12a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m14 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-16)"
/>
<path
d="m25 19h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-17)"
/>
<path
d="m14 23h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-16)"
/>
<path
d="m25 23h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-17)"
/>
<path
d="m14 27h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-16)"
/>
<path
d="m25 27h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z"
fill="url(#New_Gradient_Swatch_3-17)"
/>
</g>
</svg>
More icons in the same style and category