Add icons to this collection by clicking the heart icon.
Web Development icon - also known as computer, screen, data, monitor, web design, development, website, browser, and web development. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, navy, 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="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="m0 0-89.183-13.967L-178.366 0l27.331 51.876 66.391 30.048 57.314-30.048z"
transform="matrix(1.33333 0 0 -1.33333 461.572 623.09)"
fill="#353a59"
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 0h-411.331c-21.724 0-39.335 17.611-39.335 39.334v268.504c0 21.724 17.611 39.335 39.335 39.335H0c21.724 0 39.334-17.611 39.334-39.335V39.334C39.334 17.611 21.724 0 0 0"
transform="translate(462.662 96.559)"
fill="#4c5072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-207.387c-7.713 0-13.967 6.253-13.967 13.967 0 7.713 6.254 13.967 13.967 13.967H0c7.713 0 13.966-6.254 13.966-13.967C13.966 6.253 7.713 0 0 0"
transform="translate(360.69 16.749)"
fill="#4c5072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.1c-7.71 0-13.97 6.25-13.97 13.96 0 3.86 1.57 7.35 4.09 9.88a13.92 13.92 0 0 0 9.88 4.09H0c-3.86 0-7.35-1.56-9.88-4.09a13.92 13.92 0 0 1-4.09-9.88C-13.97 6.25-7.72 0 0 0"
transform="translate(192.406 16.756)"
fill="#353a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.24c-21.72 0-39.33 17.61-39.33 39.33v268.51c0 21.72 17.61 39.33 39.33 39.33H-.47c-21.5-.25-38.86-17.77-38.86-39.33V39.33C-39.33 17.61-21.72 0 0 0"
transform="translate(69.57 96.56)"
fill="#353a59"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-375.802c-17.703 0-32.055 14.352-32.055 32.055v192.708c0 17.703 14.352 32.055 32.055 32.055H0c17.704 0 32.055-14.352 32.055-32.055V32.055C32.055 14.352 17.704 0 0 0"
transform="translate(444.897 158.75)"
fill="#b4d2d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h13.9c21.73 0 39.34-17.61 39.34-39.33v-268.51c0-21.72-17.61-39.33-39.34-39.33h-411.33c-21.72 0-39.33 17.61-39.33 39.33v268.51c0 21.72 17.61 39.33 39.33 39.33h160.9"
transform="translate(448.758 443.73)"
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-7.97c-17.71 0-32.06 14.35-32.06 32.05v192.71c0 17.71 14.35 32.06 32.06 32.06h143.13"
transform="translate(77.067 158.75)"
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 0c15.88-1.9 28.19-15.42 28.19-31.82v-192.71c0-17.7-14.35-32.05-32.05-32.05h-183.13"
transform="translate(448.758 415.33)"
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-178.366l27.331 51.876H-27.33Z"
transform="translate(346.179 44.683)"
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-9.597c-7.714 0-13.967 6.253-13.967 13.967 0 7.713 6.253 13.967 13.967 13.967H197.79c7.713 0 13.966-6.254 13.966-13.967C211.756 6.253 205.503 0 197.79 0H30"
transform="translate(162.9 16.749)"
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-125.981c0-13.619-11.035-24.66-24.653-24.66h-187.222c-9.401 0-17.568 5.263-21.728 13.001a24.56 24.56 0 0 0-2.925 11.659V0c0 13.619 11.034 24.661 24.653 24.661h187.222C-11.035 24.661 0 13.619 0 0"
transform="translate(448.755 473.128)"
fill="#d5f1fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-2.969c0-13.619-11.035-24.66-24.653-24.66h-144.246l81.393 122.51c2.374 3.572 5.917 5.684 9.677 6.33 5.452.952 11.347-1.161 14.787-6.33z"
transform="translate(448.755 350.117)"
fill="#f9d35a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.091-128.841H-91.07L-9.677-6.33C-7.303-2.758-3.761-.646 0 0"
transform="translate(370.927 451.328)"
fill="#f7aa5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-101.923c-9.401 0-17.568 5.263-21.727 13.001l45.277 68.145c3.637 5.467 10.025 7.514 15.717 6.142a14.51 14.51 0 0 0 8.74-6.142z"
transform="translate(338.803 322.487)"
fill="#f9d35a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.977-87.288h-20.29c-9.4 0-17.567 5.264-21.727 13.002l45.277 68.145C-12.08-.675-5.691 1.372 0 0"
transform="translate(276.147 409.775)"
fill="#f7aa5c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45.277 68.145c5.808 8.74 18.65 8.74 24.457 0l53.916-81.146"
transform="translate(215.153 335.489)"
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 51.919 78.148c5.815 8.741 18.65 8.741 24.465 0l63.041-94.881"
transform="translate(309.33 366.85)"
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 0c0 9.599-7.782 17.381-17.381 17.381-9.6 0-17.382-7.782-17.382-17.381 0-9.6 7.782-17.381 17.382-17.381C-7.782-17.381 0-9.6 0 0"
transform="translate(322.02 461.77)"
fill="#ff435e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.599-7.782 17.381-17.381 17.381-9.6 0-17.382-7.782-17.382-17.381 0-9.6 7.782-17.381 17.382-17.381C-7.782-17.381 0-9.6 0 0Z"
transform="translate(322.02 461.77)"
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-111.576c-13.618 0-24.657-11.04-24.657-24.657v-125.986c0-13.618 11.039-24.657 24.657-24.657H75.643c13.618 0 24.658 11.039 24.658 24.657v125.986C100.301-11.04 89.261 0 75.643 0H30"
transform="translate(348.458 497.787)"
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-143.51c-11.375 0-20.595-9.221-20.595-20.596v-115.435c0-11.375 9.22-20.596 20.595-20.596H0c11.375 0 20.596 9.221 20.596 20.596v115.435C20.596-9.221 11.375 0 0 0"
transform="translate(241.176 284.966)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-143.51c-11.375 0-20.595-9.221-20.595-20.596v-115.435c0-11.375 9.22-20.596 20.595-20.596H0c11.375 0 20.596 9.221 20.596 20.596v115.435C20.596-9.221 11.375 0 0 0Z"
transform="translate(241.176 284.966)"
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 0h119.002"
transform="translate(109.92 239.981)"
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 0h119.002"
transform="translate(109.92 207.235)"
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 0h60.142"
transform="translate(109.92 173.324)"
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