Add icons to this collection by clicking the heart icon.
Web Design icon - also known as upload, picture, web design, development, website, image, web development, devices, and edit tools. 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="63.067"
y2="2.706"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="7.5" x2="7.5" y1="63.067" y2="2.706" href="#a" />
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="e"
x1="39.5"
x2="39.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="f"
x1="43.656"
x2="43.656"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="g"
x1="30.5"
x2="30.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="h"
x1="26.5"
x2="26.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="i"
x1="27.5"
x2="27.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient id="j" x1="31" x2="31" y1="63.067" y2="2.706" href="#a" />
<linearGradient id="k" x1="9" x2="9" y1="63.067" y2="2.706" href="#a" />
<linearGradient
id="l"
x1="10.5"
x2="10.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="m"
x1="19.5"
x2="19.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="n"
x1="18.5"
x2="18.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="o"
x1="22.5"
x2="22.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="p"
x1="23.5"
x2="23.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient
id="q"
x1="14.5"
x2="14.5"
y1="63.067"
y2="2.706"
href="#a"
/>
<linearGradient id="r" x1="20" x2="20" y1="63.067" y2="2.706" href="#a" />
<linearGradient id="s" x1="47" x2="47" y1="63.067" y2="2.706" href="#a" />
<linearGradient id="t" x1="17" x2="17" y1="63.067" y2="2.706" href="#a" />
<linearGradient id="u" x1="42" x2="42" y1="63.067" y2="2.706" href="#a" />
<g>
<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="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M57 6H22a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="M57.76 50.76 53 48.38V35a1 1 0 0 0-1-1H30a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h17.88l2.88 5.76a1 1 0 0 0 .9.55h.07a1.016 1.016 0 0 0 .88-.68l1.25-3.77 3.77-1.25a1.016 1.016 0 0 0 .68-.88 1 1 0 0 0-.55-.97zM31.74 50 37 40.98 42.26 50zm13.37-3.55L46.88 50h-2.31l-1.69-2.91 3.14-4.4 1.43 1.91a1 1 0 0 0 1.6-1.2l-2.25-3a.951.951 0 0 0-.81-.4.977.977 0 0 0-.8.42l-3.42 4.78-3.91-6.7a1.028 1.028 0 0 0-1.72 0L31 47.3V36h20v11.38l-4.55-2.27a.994.994 0 0 0-1.34 1.34zm7.64 5.67a1.035 1.035 0 0 0-.63.63l-.65 1.96-3.23-6.47 6.47 3.23z"
/>
<path fill="url(#g)" d="M30 32h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#h)" d="M26 32h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#i)" d="M27 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<g fill="url(#j)">
<path
d="M31 21a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM31 25a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM31 17a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM31 29a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
</g>
<path
fill="url(#k)"
d="M9 22a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<path fill="url(#c)" d="M11 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#l)" d="M10 30a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#k)"
d="M9 18a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM9 26a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM9 30a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<path fill="url(#d)" d="M15 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#m)" d="M19 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#n)" d="M18 30a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#o)" d="M23 30h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#p)" d="M23 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#q)" d="M14 32h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path
fill="url(#r)"
d="M23 22h-2v-2a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2z"
/>
<path
fill="url(#s)"
d="M39 20h16a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2zM39 24h16a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2zM39 28h16a1 1 0 0 0 0-2H39a1 1 0 0 0 0 2z"
/>
<path
fill="url(#t)"
d="M9 40h16a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM9 44h16a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2zM9 48h16a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z"
/>
<circle cx="42" cy="39" r="2" fill="url(#u)" />
</g>
</svg>
More icons in the same style and category