Add icons to this collection by clicking the heart icon.
Web Design icon - also known as pencil, ruler, web design, website, graphic design, paint brush, visual, art and design, edit tools, design tools, and app 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff35d8" />
<stop offset=".061" stop-color="#ea34d4" />
<stop offset=".247" stop-color="#b133ca" />
<stop offset=".427" stop-color="#8131c2" />
<stop offset=".597" stop-color="#5c30bb" />
<stop offset=".753" stop-color="#4130b7" />
<stop offset=".893" stop-color="#312fb4" />
<stop offset="1" stop-color="#2b2fb3" />
</linearGradient>
<linearGradient
id="b"
x1="-35.585"
x2="19.932"
y1="638.335"
y2="582.818"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-37.585"
x2="17.932"
y1="636.335"
y2="580.818"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-39.585"
x2="15.932"
y1="634.335"
y2="578.818"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-30.585"
x2="24.932"
y1="643.335"
y2="587.818"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-43.585"
x2="11.932"
y1="630.335"
y2="574.818"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-52.804"
x2="2.713"
y1="621.117"
y2="565.6"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-34.435"
x2="21.082"
y1="639.485"
y2="583.968"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M128 48h16v16h-16z" />
<path fill="url(#c)" d="M96 48h16v16H96z" />
<path fill="url(#d)" d="M64 48h16v16H64z" />
<path
fill="url(#c)"
d="M440 16H72c-31.2 0-56 24.8-56 56v272c0 31.2 24.8 56 56 56v-16c-22.4 0-40-17.6-40-40V96h432V80H32v-8c0-22.4 17.6-40 40-40h368c22.4 0 40 17.6 40 40v272c0 22.4-17.6 40-40 40v16c31.2 0 56-24.8 56-56V72c0-31.2-24.8-56-56-56z"
/>
<path fill="url(#e)" d="M160 48h112v16H160z" />
<path
fill="url(#f)"
d="M280 112h-48c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h48c17.6 0 32-14.4 32-32V144c0-17.6-14.4-32-32-32zm16 40h-32v16h32v16h-16v16h16v16h-16v16h16v16h-32v16h32v16h-16v16h16v16h-16v16h16v16h-32v16h32v16h-16v16h16v16h-16v16h16v16h-32v16h32v8c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16z"
/>
<path
fill="url(#g)"
d="m167.2 204.8-32-72c-1.6-4-6.4-5.6-10.4-4-1.6.8-3.2 2.4-4 4l-32 72a7.279 7.279 0 0 0-.8 3.2v264c0 13.6 10.4 24 24 24h32c13.6 0 24-10.4 24-24V208c0-.8-.224-2.142-.8-3.2zM128 156l20 44h-39.2zm24 316c0 4.8-3.2 8-8 8h-32c-4.8 0-8-3.2-8-8v-24h48zm0-40h-16V232h-16v200h-16V216h48z"
/>
<path
fill="url(#h)"
d="M429.6 147.2c-5.6-13.6-6.4-17.6 0-24 2.4-2.4 3.2-5.6 1.6-8.8s-4-4.8-7.2-4.8c-52.8 0-80 44-80 88 0 9.6 3.2 19.2 8 26.4l8 253.6c0 2.4.8 4 2.4 5.6.8.8 12.8 12 29.6 12s28.8-12 29.6-12c1.6-1.6 2.4-3.2 2.4-5.6l9.6-256.8c4-7.2 6.4-15.2 6.4-23.2 0-23.2-6.4-38.4-10.4-50.4zM408 474.4c-3.2 2.4-8.8 5.6-16 5.6s-12.8-3.2-16-5.6L368.8 240c7.2 4 15.2 6.4 23.2 6.4 9.6 0 17.6-2.4 25.6-7.2zm-16-244c-17.6 0-32-14.4-32-32 0-25.6 13.6-62.4 49.6-70.4-1.6 8.8 1.6 16.8 4.8 25.6 4 11.2 9.6 24.8 9.6 44.8 0 17.6-14.4 32-32 32z"
/>
</svg>
More icons in the same style and category