Add icons to this collection by clicking the heart icon.
Web Design icon - also known as web design, graphic design, pen tool, graphic tool, vector, ui, art and design, seo and web, and edit tools. Created in a clean outline color style with a white, gray, black, teal, navy, orange, and pink 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 52 52"
>
<path
fill="#e6f1fa"
d="M50 3.86v44.28c0 1.19-.97 2.16-2.16 2.16H4.16C2.97 50.3 2 49.33 2 48.14V3.86c0-1.19.97-2.16 2.16-2.16h43.68c1.19 0 2.16.97 2.16 2.16z"
/>
<path
fill="#010101"
d="M49.998 3.856v44.28c0 1.19-.97 2.16-2.16 2.16H4.158c-1.19 0-2.16-.97-2.16-2.16v-3.67h16.49c14.17 0 25.76-11.59 25.76-25.77v-17h3.59c1.19 0 2.16.97 2.16 2.16z"
opacity=".05"
/>
<path
fill="#3f5176"
d="M50 10.37V3.86c0-1.19-.97-2.16-2.16-2.16H4.16C2.97 1.7 2 2.67 2 3.86v6.51z"
/>
<path
fill="#fff"
d="M16.705 6.035c0 .825-.675 1.5-1.5 1.5-.84 0-1.5-.675-1.5-1.5s.66-1.5 1.5-1.5c.825 0 1.5.675 1.5 1.5zM8.295 6.035c0 .825-.675 1.5-1.5 1.5s-1.5-.675-1.5-1.5.675-1.5 1.5-1.5 1.5.675 1.5 1.5z"
/>
<path
fill="#010101"
d="M8.295 6.035a1.504 1.504 0 0 1-2.75.84c.23.16.52.25.83.25.82 0 1.5-.68 1.5-1.5 0-.31-.09-.59-.25-.83.4.27.67.73.67 1.24z"
opacity=".05"
/>
<path
fill="#fff"
d="M12.5 6.035c0 .825-.675 1.5-1.5 1.5s-1.5-.675-1.5-1.5.675-1.5 1.5-1.5 1.5.675 1.5 1.5z"
/>
<path
fill="#010101"
d="M12.5 6.035a1.504 1.504 0 0 1-2.75.84c.23.16.52.25.83.25.82 0 1.5-.68 1.5-1.5 0-.31-.09-.59-.25-.83.4.27.67.73.67 1.24zM16.71 6.03a1.504 1.504 0 0 1-2.75.84c.23.16.52.25.83.25.82 0 1.5-.68 1.5-1.5 0-.31-.09-.59-.25-.83.4.27.67.73.67 1.24z"
opacity=".05"
/>
<path
fill="#fff"
d="M46.71 4.98v2.11c0 .25-.2.44-.45.44H20.17c-.24 0-.44-.19-.44-.44V4.98c0-.25.2-.45.44-.45h26.09c.25 0 .45.2.45.45z"
/>
<path
fill="#010101"
d="M46.71 4.98v2.11c0 .25-.2.44-.45.44H20.17c-.24 0-.44-.19-.44-.44v-.14h23.88a2.55 2.55 0 0 0 2.55-2.42h.1c.25 0 .45.2.45.45z"
opacity=".05"
/>
<path fill="#f5c560" d="M14.659 16.79h22.682" />
<g fill="#f05b76">
<circle cx="38.208" cy="16.79" r="2.25" />
<circle cx="13.792" cy="16.79" r="2.25" />
</g>
<path fill="#3f5176" d="M23.75 14.54h4.5v4.5h-4.5z" />
<g fill="#45c8f5">
<circle cx="37.618" cy="28.408" r="2.25" />
<circle cx="14.382" cy="28.408" r="2.25" />
</g>
<path
fill="#dededd"
d="m18.015 35.634 3.19 6.393h9.586l3.19-6.393c-5.334-4.96-6.643-11.701-6.643-11.701h-2.68s-1.308 6.741-6.643 11.7z"
/>
<path
fill="#010101"
d="m30.795 42.027 3.19-6.392c-5.337-4.962-6.646-11.7-6.646-11.7h-2.681s-.032.195-.108.55h.05s1.303 6.744 6.64 11.706l-2.91 5.836z"
opacity=".07"
/>
<circle cx="25.997" cy="35.673" r="2.384" fill="#fff" />
<path
fill="#010101"
d="M27.682 37.36a2.388 2.388 0 0 0 0-3.377 2.39 2.39 0 0 0-2.512-.547 2.383 2.383 0 0 1 .014 4.477 2.387 2.387 0 0 0 2.498-.552z"
opacity=".07"
/>
<path fill="#fff" d="M21.205 42.03h9.586v4.093h-9.586z" />
<path
fill="#010101"
d="m30.798 42.029.002 4.093-9.591-.002-.001-1.712 4.174.001c1.742 0 3.237-.982 3.883-2.38z"
opacity=".07"
/>
<g fill="#2a3d66">
<path
d="M13.792 19.79c1.394 0 2.558-.96 2.893-2.25h3.416a12.377 12.377 0 0 0-6.08 7.905 2.994 2.994 0 0 0-2.639 2.963c0 1.654 1.346 3 3 3s3-1.346 3-3a3.002 3.002 0 0 0-1.866-2.774A10.887 10.887 0 0 1 23 17.965v1.076c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-1.042a10.867 10.867 0 0 1 7.476 7.637 3.002 3.002 0 0 0-1.858 2.772c0 1.654 1.345 3 3 3s3-1.346 3-3a2.994 2.994 0 0 0-2.634-2.963 12.4 12.4 0 0 0-6.085-7.904h3.416a2.997 2.997 0 0 0 2.893 2.25c1.654 0 3-1.346 3-3s-1.346-3-3-3c-1.394 0-2.558.96-2.893 2.25H29v-1.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v1.5h-6.315a2.997 2.997 0 0 0-2.893-2.25c-1.654 0-3 1.345-3 3s1.346 3 3 3zm.59 10.118c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm24.736-1.5c0 .827-.673 1.5-1.5 1.5s-1.5-.673-1.5-1.5.673-1.5 1.5-1.5 1.5.673 1.5 1.5zm-.91-13.117a1.501 1.501 0 1 1-1.5 1.5c0-.828.673-1.5 1.5-1.5zm-13.708 0h3v3h-3zm-10.708 0a1.501 1.501 0 1 1-1.5 1.5c0-.828.673-1.5 1.5-1.5z"
/>
<path
d="M47.84.7H4.16A3.163 3.163 0 0 0 1 3.86v44.28a3.163 3.163 0 0 0 3.16 3.16h43.68A3.163 3.163 0 0 0 51 48.14V3.86A3.163 3.163 0 0 0 47.84.7zM49 48.14c0 .64-.52 1.16-1.16 1.16H4.16c-.64 0-1.16-.52-1.16-1.16V11.37h46zm0-38.77H3V3.86c0-.64.52-1.16 1.16-1.16h43.68c.64 0 1.16.52 1.16 1.16z"
/>
<path
d="M28.32 23.74a1.001 1.001 0 0 0-.982-.807h-2.68c-.478 0-.889.339-.981.808-.013.064-1.324 6.495-6.343 11.16a1 1 0 0 0-.214 1.18l3.085 6.182v3.857a1 1 0 0 0 1 1h9.586a1 1 0 0 0 1-1v-3.857l3.085-6.183a1 1 0 0 0-.214-1.179c-5.018-4.665-6.33-11.096-6.342-11.16zm1.471 21.38h-7.586v-2.093h7.587zm.382-4.093h-8.35l-2.585-5.183c3.648-3.643 5.332-7.975 6.01-10.216v7.01a3.133 3.133 0 0 0-2.384 3.033c0 1.728 1.406 3.134 3.135 3.134s3.133-1.406 3.133-3.134a3.133 3.133 0 0 0-2.384-3.033v-7.011c.678 2.24 2.362 6.573 6.01 10.217zm-4.174-6.99c.9 0 1.633.733 1.633 1.634 0 .901-.733 1.634-1.633 1.634a1.636 1.636 0 0 1-1.635-1.634c0-.901.733-1.634 1.635-1.634z"
/>
</g>
</svg>
More icons in the same style and category