Add icons to this collection by clicking the heart icon.
Web Development icon - also known as technology, computer, screen, tv, monitor, web design, design, ui, web development, and responsive. Created in a clean lineal color style with a white, silver, navy, 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M36.676 421.945h438.648V137.328H36.676Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(639.07092 0 0 -639.07092 225.816 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffeadb" />
<stop offset=".001" stop-opacity="1" stop-color="#ffeadb" />
<stop offset="1" stop-opacity="1" stop-color="#e0cdf5" />
</linearGradient>
</defs>
<path
d="M288.088 448.087c-38.094-.654-71.788-19.354-92.904-47.919-18.185-24.599-46.491-39.965-77.081-39.949-.898 0-1.797-.009-2.7-.03C53.487 358.836.837 305.713.011 243.787c-.879-65.932 52.302-119.654 118.032-119.654 50.947 0 94.349 32.277 110.885 77.497 4.328 11.832 17.153 18.173 29.284 14.772l.454-.127c11.1-3.064 18.458-13.64 17.549-25.119-1.216-15.382.582-31.255 5.799-46.795 20.521-61.134 87.188-94.685 148.493-74.68 62.713 20.464 96.38 88.184 75.119 150.401-11.827 34.611-38.138 60.16-69.851 72.202a42.767 42.767 0 0 0-27.587 39.43c-.007.383-.013.768-.022 1.153-1.49 63.9-54.358 115.236-118.039 115.238-.68 0-1.357-.006-2.039-.018"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#c)" opacity=".1">
<path
d="M0 0v-254.578c0-8.291-6.729-15.02-15.02-15.02h-408.609c-8.291 0-15.019 6.729-15.019 15.02V0c0 8.291 6.728 15.02 15.019 15.02H-15.02C-6.729 15.02 0 8.291 0 0"
transform="translate(475.324 406.926)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-113.567l22.711 90.021h68.145z"
transform="translate(293.718 43.5)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-83.965l7.91 31.343h68.146z"
transform="translate(278.916 102.178)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-254.578c0-8.291-6.729-15.02-15.019-15.02h-370.478c-8.291 0-15.02 6.729-15.02 15.02V0c0 8.291 6.729 15.02 15.02 15.02h370.478C-6.729 15.02 0 8.291 0 0"
transform="translate(437.192 385.896)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h90.086a5.129 5.129 0 1 1 0 10.257H0A5.128 5.128 0 1 1 0 0"
transform="translate(129.88 221.648)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h24.606a5.129 5.129 0 1 1 0 10.257H0a5.128 5.128 0 0 1-5.128-5.128A5.128 5.128 0 0 1 0 0"
transform="translate(79.936 221.648)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h140.031a5.13 5.13 0 0 1 0 10.257H0A5.128 5.128 0 0 1 0 0"
transform="translate(79.936 201.305)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v123.138c0 8.291-6.729 15.019-15.02 15.019h-370.478c-8.291 0-15.02-6.728-15.02-15.019V0Z"
transform="translate(437.193 262.758)"
fill="#ffc4df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v33.214c0 8.295-6.724 15.019-15.019 15.019h-370.478c-8.295 0-15.02-6.724-15.02-15.019V0Z"
transform="translate(437.192 352.682)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h197.688"
transform="translate(36.676 352.682)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-113.567l22.711 90.021h68.145z"
transform="translate(293.718 43.5)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-35.435c0-8.294 6.725-15.019 15.02-15.019h370.478c8.295 0 15.019 6.725 15.019 15.019V0Z"
transform="translate(36.676 166.755)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-399.964"
transform="translate(436.64 166.755)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h152.064"
transform="translate(160.902 43.506)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.146"
transform="translate(74.808 376.871)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.146"
transform="translate(94.157 376.871)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.146"
transform="translate(113.507 376.871)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.295-6.724 15.02-15.019 15.02h-370.478c-8.295 0-15.02-6.725-15.02-15.02v-254.575c0-8.295 6.725-15.02 15.02-15.02h370.478c8.295 0 15.019 6.725 15.019 15.02z"
transform="translate(437.192 385.896)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-325.223c0-8.867-7.19-16.057-16.058-16.057h-181.268c-8.867 0-16.058 7.19-16.058 16.057V0c0 8.867 7.191 16.058 16.058 16.058h181.268C-7.19 16.058 0 8.867 0 0"
transform="translate(475.323 384.856)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.432-29.217-65.966-65.258-65.966S-130.516-36.432-130.516 0c0 36.432 29.217 65.965 65.258 65.965S0 36.432 0 0"
transform="translate(327.197 247.019)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-168.248h-213.382V0c0 8.87 7.189 16.059 16.06 16.059h181.273C-7.188 16.059 0 8.87 0 0"
transform="translate(475.318 384.852)"
fill="#ffc4df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.973-2.643-21.315-7.338-30.416h-57.919v96.384C-29.214 65.968 0 36.433 0 0"
transform="translate(327.193 247.02)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7.133 22.139h-141.486L-127.22 0c1.033-3.205 3.99-5.375 7.325-5.375H-7.324C-3.989-5.375-1.032-3.205 0 0"
transform="translate(432.241 378.776)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7.133-22.139c1.033-3.205 3.989-5.375 7.325-5.375h112.57c3.335 0 6.292 2.17 7.325 5.375L141.485 0"
transform="translate(297.889 400.915)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.548c0-8.868 7.188-16.057 16.057-16.057h181.27c8.868 0 16.058 7.189 16.058 16.057v325.224c0 8.867-7.19 16.056-16.058 16.056H16.057C7.188 261.732 0 254.543 0 245.676V27.572"
transform="translate(261.94 139.183)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-36.432-29.217-65.966-65.258-65.966S-130.516-36.432-130.516 0c0 36.432 29.217 65.965 65.258 65.965S0 36.432 0 0"
transform="translate(327.197 258.532)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.432-29.217-65.966-65.258-65.966S-130.516-36.432-130.516 0c0 36.432 29.217 65.965 65.258 65.965S0 36.432 0 0Z"
transform="translate(327.197 258.532)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.89-6.327-14.285-14.132-14.285S-28.265-7.89-28.265 0c0 7.89 6.328 14.285 14.133 14.285C-6.327 14.285 0 7.89 0 0Z"
transform="translate(276.071 265.675)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 7.89 6.327 14.286 14.133 14.286 7.804 0 14.132-6.396 14.132-14.286"
transform="translate(247.807 237.103)"
fill="none"
stroke="#fff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h90.087a5.128 5.128 0 0 1 0 10.257H0A5.128 5.128 0 1 1 0 0"
transform="translate(348.56 162.936)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h24.605a5.129 5.129 0 1 1 0 10.257H0A5.128 5.128 0 1 1 0 0"
transform="translate(298.616 162.936)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h140.031a5.129 5.129 0 0 1 0 10.258H0A5.13 5.13 0 0 1 0 0"
transform="translate(298.616 142.593)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h140.031a5.128 5.128 0 0 1 0 10.257H0A5.13 5.13 0 0 1 0 0"
transform="translate(298.616 121.43)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-5.84 5.84L-11.681 0"
transform="translate(374.472 82.67)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.194 0A5.597 5.597 0 0 0 0 0"
transform="translate(122.689 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.195 0A5.597 5.597 0 0 0 0 0"
transform="translate(139.62 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.194 0A5.597 5.597 0 0 0 0 0"
transform="translate(156.55 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.194 0A5.597 5.597 0 0 0 0 0"
transform="translate(366.643 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.194 0A5.597 5.597 0 0 0 0 0"
transform="translate(383.574 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.597 5.597 0 1 0-11.194 0A5.597 5.597 0 0 0 0 0"
transform="translate(400.505 303.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.088-4.935-11.022-11.022-11.022C-4.935-11.022 0-15.957 0-22.045c0 6.088 4.935 11.023 11.022 11.023C4.935-11.022 0-6.088 0 0Z"
transform="translate(97.656 68.17)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.088-4.936-11.022-11.022-11.022C-4.936-11.022 0-15.957 0-22.044c0 6.087 4.935 11.022 11.021 11.022C4.935-11.022 0-6.088 0 0Z"
transform="translate(355.45 443.703)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.088-4.936-11.022-11.022-11.022C-4.936-11.022 0-15.957 0-22.045c0 6.088 4.935 11.023 11.021 11.023C4.935-11.022 0-6.088 0 0Z"
transform="translate(146.948 90.689)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.007 11.008L0 22.015l11.007-11.007Z"
transform="translate(403.943 446.485)"
fill="none"
stroke="#97ffd2"
stroke-width="10"
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