Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, data, smartphone, monitor, web design, application, development, website, multimedia, browser, web page, programming, coding, seo and web, and edit tools. Created in a clean flat style with a white, silver, gray, red, teal, 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="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="M327.048 29.335H184.069v69.087h142.979z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#5a5a5a"
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-458.637c-14.492 0-26.24 11.748-26.24 26.24v373.281c0 14.492 11.748 26.241 26.24 26.241H0c14.492 0 26.24-11.749 26.24-26.241V26.24C26.24 11.748 14.492 0 0 0"
transform="translate(484.877 85.844)"
fill="#80e0dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-373.278c0-14.494-11.747-26.24-26.24-26.24h-32.052c14.493 0 26.24 11.746 26.24 26.24V0c0 14.493-11.747 26.24-26.24 26.24h32.052C-11.747 26.24 0 14.493 0 0"
transform="translate(511.121 485.362)"
fill="#00a8b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-511.118v-36.977c0-14.492 11.748-26.24 26.241-26.24H-26.24C-11.748-63.217 0-51.469 0-36.977z"
transform="translate(511.118 149.06)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-36.979c0-14.494-11.747-26.24-26.24-26.24h-32.052c14.493 0 26.24 11.746 26.24 26.24V0z"
transform="translate(511.121 149.063)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-511.134v63.274c0 14.491 11.747 26.238 26.238 26.238h458.659C-11.747 89.512 0 77.765 0 63.274Z"
transform="translate(511.703 422.093)"
fill="#acacac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-63.281h-32.638V0c0 14.483-11.747 26.23-26.241 26.23h32.639C-11.747 26.23 0 14.483 0 0"
transform="translate(512 485.608)"
fill="#9c9c9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.243-6.682-14.925-14.925-14.925S-29.85-8.243-29.85 0s6.682 14.925 14.925 14.925S0 8.243 0 0"
transform="translate(64.106 467.068)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.243-6.682-14.925-14.925-14.925S-29.85-8.243-29.85 0s6.682 14.925 14.925 14.925S0 8.243 0 0"
transform="translate(121.747 467.068)"
fill="#ffd86e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.243-6.682-14.925-14.925-14.925S-29.85-8.243-29.85 0s6.682 14.925 14.925 14.925S0 8.243 0 0"
transform="translate(179.388 467.068)"
fill="#00d3b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.239-6.676-14.915-14.915-14.915a14.84 14.84 0 0 0-10.297 4.125c8.075.175 14.576 6.778 14.576 14.905 0 4.258-1.78 8.085-4.629 10.8.113.011.237.011.35.011C-6.676 14.926 0 8.25 0 0"
transform="translate(64.1 467.063)"
fill="#ff435f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.239-6.676-14.915-14.925-14.915a14.858 14.858 0 0 0-10.297 4.125c8.085.175 14.586 6.778 14.586 14.905a14.86 14.86 0 0 1-4.629 10.8 3.5 3.5 0 0 0 .34.011C-6.676 14.926 0 8.25 0 0"
transform="translate(121.745 467.063)"
fill="#ffb509"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.239-6.686-14.915-14.925-14.915a14.858 14.858 0 0 0-10.297 4.125c8.085.175 14.576 6.778 14.576 14.905 0 4.258-1.78 8.085-4.629 10.8.113.011.236.011.35.011C-6.686 14.926 0 8.25 0 0"
transform="translate(179.39 467.063)"
fill="#00b7a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-235.64a5.144 5.144 0 0 0-5.143 5.143V21.81c0 11.302 9.162 20.465 20.465 20.465h204.997c11.302 0 20.464-9.163 20.464-20.465V5.143A5.144 5.144 0 0 0 0 0"
transform="translate(373.379 .471)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16.674a5.144 5.144 0 0 0-5.143-5.143h-18.155V0c0 11.294-9.166 20.46-20.46 20.46h23.298C-9.16 20.46 0 11.299 0 0"
transform="translate(378.52 22.285)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-21.952a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(61.536 367.378)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-133.927a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(220.044 367.378)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-48.978a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(199.7 328.274)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-15.267a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(125.108 328.274)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45.686a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(85.27 328.274)"
fill="#5a5a5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-122.727c-9.065 0-16.414 7.349-16.414 16.415v257.183c0 9.065 7.349 16.414 16.414 16.414H0c9.066 0 16.415-7.349 16.415-16.414V16.415C16.415 7.349 9.066 0 0 0"
transform="translate(494.703)"
fill="#ffd86e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-257.187c0-9.063-7.355-16.407-16.417-16.407h-23.998c9.062 0 16.417 7.344 16.417 16.407V0c0 9.062-7.355 16.417-16.417 16.417h23.998C-7.355 16.417 0 9.062 0 0"
transform="translate(511.121 273.599)"
fill="#ffb509"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-122.727c-9.065 0-16.414 7.349-16.414 16.415v24.409H16.415V16.415C16.415 7.349 9.066 0 0 0"
transform="translate(494.703)"
fill="#c9f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-155.556v24.41c0 9.065 7.349 16.414 16.415 16.414h122.726C-7.349 40.824 0 33.475 0 24.41Z"
transform="translate(511.118 249.188)"
fill="#c9f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.409c0-9.063-7.355-16.407-16.417-16.407H-40.61c9.062 0 16.417 7.344 16.417 16.407V0z"
transform="translate(511.121 40.82)"
fill="#9ae7fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.409h-24.193V0c0 9.062-7.355 16.417-16.417 16.417h24.193C-7.355 16.417 0 9.062 0 0"
transform="translate(511.121 273.599)"
fill="#9ae7fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.753a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(446.216 12.254)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.88a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(418.223 263.344)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.448a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(457.336 263.344)"
fill="#838383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.44a7.499 7.499 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(407.281 203.684)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.132a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(441.515 203.684)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.04a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(487.838 203.684)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.658a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(391.498 168.992)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.223a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(449.008 168.992)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.306a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(487.838 168.992)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.315a7.499 7.499 0 0 0-7.5 7.5c0 4.143 3.357 7.5 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(404.156 137.076)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-32.054a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(457.336 137.076)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.845a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(487.838 137.076)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.727a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(417.567 102.385)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.491a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(449.948 102.385)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.283a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 0 0 0 0"
transform="translate(487.838 102.385)"
fill="#ff5770"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category