Add icons to this collection by clicking the heart icon.
Web Design icon - also known as art, screen, web, web design, editing, editor, design, vector, seo and web, and edit tools. Created in a clean flat style with a white, silver, gray, and orange finish, 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 96 96"
>
<path
fill="#bdc9ff"
d="M1 17.67h94v58.16a4.67 4.67 0 0 1-4.67 4.67H5.67A4.67 4.67 0 0 1 1 75.83V17.67z"
/>
<path
fill="#dbecff"
d="M26.58 17.67h64.67v50a4.67 4.67 0 0 1-4.67 4.67H31.25a4.67 4.67 0 0 1-4.67-4.67v-50z"
/>
<path
fill="#fff"
d="M44.66 17.67h27v50.87a3.75 3.75 0 0 1-3.75 3.75h-19.5a3.75 3.75 0 0 1-3.75-3.75V17.67z"
/>
<path
fill="#617ce6"
d="M95 17.67V10.5a4.67 4.67 0 0 0-4.67-4.67H5.67A4.67 4.67 0 0 0 1 10.5v7.17z"
/>
<path
fill="#619fff"
d="M91.25 17.67V10.5c0-2.58-1.44-4.67-3.21-4.67H29.79c-1.77 0-3.21 2.09-3.21 4.67v7.17z"
/>
<path
fill="#75c2ff"
d="M71.64 17.67V11.1c0-2.91-1.34-5.27-3-5.27h-21c-1.66 0-3 2.36-3 5.27v6.57z"
/>
<path
fill="#5955a1"
d="M80.42 12.75H80a1 1 0 0 1 0-2h.4a1 1 0 0 1 0 2zM84.78 12.75h-.4a1 1 0 0 1 0-2h.4a1 1 0 0 1 0 2zM89.14 12.75h-.41a1 1 0 0 1 0-2h.41a1 1 0 0 1 0 2zM32.13 12.75h-25a1 1 0 1 1 0-2h25a1 1 0 0 1 0 2z"
/>
<path
fill="#bdc9ff"
d="M45.66 49.65A1 1 0 0 1 45 48l20.34-20.44a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41L46.37 49.36a1 1 0 0 1-.71.29z"
/>
<path
fill="#ffce57"
d="m55.86 38.46 9.25 23.57 7.45.56 7.43-7.43-.56-7.45z"
/>
<path
fill="#ffab57"
d="m75.27 69.43 11.5-11.5-6.78-2.77-7.43 7.43zM68 51.57a1 1 0 0 1-.71-.29L55.15 39.17a1 1 0 0 1 0-1.42 1 1 0 0 1 1.41 0l12.11 12.11a1 1 0 0 1-.67 1.71z"
/>
<path
fill="#ffab57"
d="M70.24 57.16a4.26 4.26 0 1 1 3-7.27 4.26 4.26 0 0 1-3 7.27zm0-6.52a2.26 2.26 0 1 0 1.6 3.86 2.27 2.27 0 0 0-1.6-3.86z"
/>
<path
fill="#bdc9ff"
d="M55.83 68.32a1 1 0 0 1-.71-.29 21.39 21.39 0 1 1 30.24-30.25 1 1 0 0 1 0 1.42 1 1 0 0 1-1.41 0 19.39 19.39 0 0 0-27.42 27.41 1 1 0 0 1-.7 1.71z"
/>
<circle cx="55.83" cy="38.49" r="2.58" fill="#619fff" />
<circle cx="84.66" cy="38.49" r="2.58" fill="#619fff" />
<circle cx="55.83" cy="67.32" r="2.58" fill="#619fff" />
<rect
width="65.69"
height="37.74"
x="-12.97"
y="38.45"
fill="#5955a1"
rx="2.9"
transform="rotate(90 19.87 57.32)"
/>
<path
fill="#ffab57"
d="M11.79 84.29a1 1 0 0 1-1-1V31.36a1 1 0 0 1 2 0v51.93a1 1 0 0 1-1 1z"
/>
<path
fill="#619fff"
d="M8.05 34.66h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 0 2zM8.05 40.57h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2zM8.05 46.49h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2zM8.05 52.41h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 0 2zM8.05 58.32h-3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2zM8.05 64.24h-3a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2zM8.05 70.16h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 0 2zM8.05 76.07h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 0 2zM8.05 82h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 0 2z"
/>
<g fill="#dbecff">
<path
d="M21.83 34.66h-5.25a1 1 0 1 1 0-2h5.25a1 1 0 0 1 0 2zM33.33 40.57H16.58a1 1 0 1 1 0-2h16.75a1 1 0 0 1 0 2zM27.21 46.49H16.58a1 1 0 1 1 0-2h10.63a1 1 0 0 1 0 2zM30.08 52.41h-13.5a1 1 0 1 1 0-2h13.5a1 1 0 0 1 0 2zM29.52 70.16H16.58a1 1 0 1 1 0-2h12.94a1 1 0 0 1 0 2zM34.69 76.07H16.58a1 1 0 1 1 0-2h18.11a1 1 0 0 1 0 2zM21.21 82h-4.63a1 1 0 1 1 0-2h4.63a1 1 0 0 1 0 2zM31.08 63.93a1 1 0 0 1-.71-1.71l2.3-2.3-2.3-2.3a1 1 0 0 1 0-1.41 1 1 0 0 1 1.42 0l3 3a1 1 0 0 1 0 1.41l-3 3a1 1 0 0 1-.71.31zM19.59 63.93a1 1 0 0 1-.71-.29l-3-3a1 1 0 0 1 0-1.41l3-3a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41L18 59.92l2.3 2.3a1 1 0 0 1-.71 1.71zM23.58 62.74a1 1 0 0 1-.71-1.7l3.64-3.64a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.41l-3.63 3.64a1 1 0 0 1-.71.29zM32.19 46.49h-1.45a1 1 0 0 1 0-2h1.45a1 1 0 0 1 0 2zM28.2 34.66H25a1 1 0 0 1 0-2h3.2a1 1 0 1 1 0 2zM30.74 82h-5a1 1 0 1 1 0-2h5a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category