Add icons to this collection by clicking the heart icon.
Web Design icon - also known as computer, monitor, web design, ui, web programming, web development, seo and web, and web coding. Created in a clean lineal color style with a white, silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M306.651 41.781H205.34v81.391h101.311z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M230.34 41.785h-25v81.39h25z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-269.91h-497V0c0 8.84 7.16 16 16 16h465C-7.17 16 0 8.84 0 0"
transform="translate(504.5 439.355)"
fill="#bde4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.84 0-16-7.16-16-16v-269.91h-25V-16c0 8.84 7.16 16 16 16z"
transform="translate(48.5 455.355)"
fill="#99dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-323.6h-385.79V.01Z"
transform="translate(448.89 467.135)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-360.79a4 4 0 0 0-4 4v273.025h-21v-323.61h21v22.498H0Z"
transform="translate(448.89 190.12)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.13c0-8.84-7.17-16-16-16h-465c-8.84 0-16 7.16-16 16V0Z"
transform="translate(504.5 169.445)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-8.84 0-16 7.16-16 16v47.13h25V16C-16 7.16-8.84 0 0 0"
transform="translate(48.5 106.315)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25.804c0-5.523-4.477-10-10-10h-175.476c-5.522 0-10 4.477-10 10V0c0 5.523 4.478 10 10 10H-10C-4.477 10 0 5.523 0 0"
transform="translate(353.734 47.4)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-5.52 0-10 4.48-10 10v25.81c0 5.52 4.48 10 10 10H0c-5.52 0-10-4.48-10-10V10C-10 4.48-5.52 0 0 0"
transform="translate(193.26 11.595)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25.41c0-2.21-1.79-4-4-4h-75.34c-2.21 0-4 1.79-4 4V0Z"
transform="translate(297.666 169.443)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v25.41h25V4c0-2.21 1.79-4 4-4"
transform="translate(243.33 140.035)"
fill="#9facba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.27h-385.78l-.01.01V0c0 6.62 5.38 12 12 12H-12C-5.38 12 0 6.62 0 0"
transform="translate(448.89 488.405)"
fill="#e490d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.27l-21.003-.013L-21 0c0 6.62 5.38 12 12 12h21C5.38 12 0 6.62 0 0"
transform="translate(84.1 488.405)"
fill="#df73c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-76.071a4 4 0 0 0-4 4v129.09c0 2.21 1.79 4 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(406.897 207.445)"
fill="#c1e9af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-2.21 0-4 1.8-4 4v129.1c0 2.2 1.79 4 4 4H0c-2.21 0-4-1.8-4-4V4c0-2.2 1.79-4 4-4"
transform="translate(350.83 207.44)"
fill="#ade194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v7.57c0 8.84 7.16 16 16 16h39.61"
transform="translate(7.5 431.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-274.47c0-8.84 7.16-16 16-16h409.68"
transform="translate(7.5 396.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.61c8.84 0 16-7.16 16-16v-317.04c0-8.84-7.16-16-16-16H19.29"
transform="translate(448.89 455.361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-497"
transform="translate(504.5 169.445)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-25.804c0-5.523-4.477-10-10-10h-175.476c-5.522 0-10 4.477-10 10V0c0 5.523 4.478 10 10 10H-10C-4.477 10 0 5.523 0 0Z"
transform="translate(353.738 47.403)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-25.41c0-2.21-1.79-4-4-4h-75.34c-2.21 0-4 1.79-4 4V0"
transform="translate(297.67 169.445)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v318.96c0 6.63-5.37 12-12 12h-361.78c-6.63 0-12-5.37-12-12V0"
transform="translate(448.89 169.441)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-385.78"
transform="translate(448.89 467.139)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10.5a2 2 0 0 0-2-2h-10.5"
transform="translate(410.897 386.719)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-245.948"
transform="translate(372.508 374.219)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="25.889,25.889"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-10.5a2 2 0 0 0-2 2v10.5"
transform="translate(113.616 374.219)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v10.5a2 2 0 0 0 2 2h10.5"
transform="translate(101.116 416.639)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h245.948"
transform="translate(139.505 429.139)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="25.889,25.889"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h10.5a2 2 0 0 0 2-2v-10.5"
transform="translate(398.397 429.139)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-76.071a4 4 0 0 0-4 4v129.09c0 2.21 1.79 4 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(406.897 207.445)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-21.289-53.525"
transform="translate(163.701 342.703)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.296-23.712L0-48.393"
transform="translate(190.701 340.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-14.296-23.712L0-48.393"
transform="translate(115.412 340.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h64.174"
transform="translate(232.522 342.703)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h64.174"
transform="translate(232.522 315.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h64.174"
transform="translate(232.522 289.178)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-195.579"
transform="translate(296.696 261.001)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-195.579"
transform="translate(296.696 234.662)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-195.579"
transform="translate(296.696 207.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.261"
transform="translate(356.731 275.99)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v24.261"
transform="translate(368.862 263.86)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v48.92"
transform="translate(205.34 57.401)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v48.92"
transform="translate(306.66 57.401)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category