Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, monitor, web, website, multimedia, browser, ui, web page, coding, and html. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512.022 512.022"
>
<g transform="translate(0 1)">
<path d="M309.481 425.678h-106.94l-23.33 76.8h153.6z" fill="#e3e7f2" />
<path
d="M503.478 60.366v331.179c.384 9.85-7.222 18.179-17.067 18.688h-460.8c-9.845-.509-17.451-8.838-17.067-18.688V60.366c-.364-9.684 6.979-17.93 16.64-18.688h461.227c9.845.509 17.451 8.837 17.067 18.688z"
fill="#7facfa"
/>
<path
d="M477.878 60.366v331.179c.384 9.85-7.222 18.179-17.067 18.688h-435.2c-9.845-.509-17.451-8.838-17.067-18.688V60.366c-.364-9.684 6.979-17.93 16.64-18.688h435.627c9.845.509 17.451 8.837 17.067 18.688z"
fill="#e3e7f2"
/>
<path
d="M503.478 365.944v49.579c.384 9.85-7.222 18.179-17.067 18.688h-460.8c-9.845-.509-17.451-8.838-17.067-18.688v-49.579h494.934z"
fill="#7facfa"
/>
<linearGradient
id="a"
x1="-48.665"
x2="-48.104"
y1="651.481"
y2="647.618"
gradientTransform="matrix(469.4028 0 0 -68.2667 22955.068 44737.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M477.878 365.944v49.579c.598 9.598-6.599 17.909-16.184 18.688H24.728c-9.585-.779-16.782-9.09-16.184-18.688v-49.579h469.334z"
fill="url(#a)"
/>
<path
d="M332.811 41.678v128a34.127 34.127 0 0 1-34.134 34.134h-25.6a34.127 34.127 0 0 0 34.134-34.134v-128a34.121 34.121 0 0 0-34.134-34.134h25.6a34.121 34.121 0 0 1 34.134 34.134z"
fill="#7facfa"
/>
<path
d="M307.211 41.678v128a34.127 34.127 0 0 1-34.134 34.134H162.144l-59.733 59.733v-59.733h-8.533c-23.561-.009-42.658-19.106-42.667-42.667V41.678A34.121 34.121 0 0 1 85.345 7.544h187.733a34.123 34.123 0 0 1 34.133 34.134z"
fill="#e3e7f2"
/>
</g>
<path
d="M34.144 411.523c-.607 9.612 6.612 17.933 16.213 18.688h-25.6c-9.602-.755-16.821-9.076-16.213-18.688V56.366c-.364-9.684 6.979-17.93 16.64-18.688h25.6c-9.661.758-17.004 9.004-16.64 18.688v355.157zM225.547 430.211l-20.736 68.267h-25.6l20.736-68.267z"
transform="translate(0 5)"
fill="#fff"
/>
<path
d="M18.078 61.366V366.944H1.011V61.366z"
transform="translate(-1)"
fill="#fff"
/>
<path
d="M9.544 138.166a8.988 8.988 0 0 0 6.059-2.475 8.653 8.653 0 0 0 0-12.117l-1.279-1.025a6.498 6.498 0 0 0-1.538-.771 5.423 5.423 0 0 0-1.538-.509 12.483 12.483 0 0 0-1.704-.171 8.958 8.958 0 0 0-6.059 2.475 8.803 8.803 0 0 0 0 12.117 8.816 8.816 0 0 0 2.813 1.792 8.51 8.51 0 0 0 3.246.684z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M487.411 34.144H341.482C337.402 14.294 319.943.039 299.678.011H86.344C66.08.039 48.62 14.294 44.54 34.144H26.611C12.038 34.622.594 46.79 1.011 61.365v34.134a8.533 8.533 0 0 0 17.066 0V61.365a9.579 9.579 0 0 1 8.533-10.154h17.067v110.933c.031 28.264 22.936 51.169 51.2 51.2v42.667h-8.533a8.533 8.533 0 0 0 0 17.066h110.933a8.533 8.533 0 0 0 0-17.066H124.01l42.667-42.667h133c23.553-.028 42.639-19.114 42.667-42.667V51.211h145.067a9.579 9.579 0 0 1 8.533 10.154v297.046H18.078V163.766a8.533 8.533 0 0 0-17.066 0v252.758c-.417 14.574 11.027 26.743 25.6 27.221H191.61l-17.5 51.2h-10.965a8.533 8.533 0 0 0 0 17.066h187.733c4.713 0 8.533-3.82 8.533-8.533s-3.82-8.533-8.533-8.533h-10.965l-17.5-51.2h164.999c14.573-.478 26.017-12.646 25.6-27.221V61.365c.416-14.574-11.028-26.743-25.601-27.221zM325.278 170.678c-.015 14.132-11.468 25.585-25.6 25.6H163.144a8.537 8.537 0 0 0-6.033 2.5l-45.167 45.166v-39.133a8.533 8.533 0 0 0-8.533-8.533h-8.533c-18.842-.022-34.112-15.291-34.133-34.133V42.678c.015-14.132 11.468-25.585 25.6-25.6h213.333c14.132.015 25.585 11.468 25.6 25.6v128zm-3.4 324.266H192.144l17.5-51.2h94.733l17.501 51.2zm165.533-68.266h-460.8a9.579 9.579 0 0 1-8.533-10.154v-41.046h477.867v41.046a9.58 9.58 0 0 1-8.534 10.154z"
transform="translate(-1)"
fill="#428dff"
/>
<path
d="M135.044 62.245a8.529 8.529 0 0 0-12.066 0L88.844 96.378a8.529 8.529 0 0 0 0 12.066l34.133 34.133a8.533 8.533 0 0 0 12.067-12.067l-28.1-28.1 28.1-28.1a8.528 8.528 0 0 0 0-12.065zM163.144 59.744a8.533 8.533 0 0 0-8.533 8.533v42.667a8.533 8.533 0 0 0 17.066 0V68.278a8.533 8.533 0 0 0-8.533-8.534zM159.899 128.69a9.833 9.833 0 0 0-2.813 1.796 8.964 8.964 0 0 0-2.475 6.059c.013.572.071 1.141.171 1.704.091.535.263 1.053.508 1.538a4.71 4.71 0 0 0 .771 1.45c.293.49.636.949 1.025 1.367a9.913 9.913 0 0 0 2.813 1.792c1.027.438 2.13.67 3.246.683a8.988 8.988 0 0 0 6.059-2.475c.341-.429.683-.854 1.021-1.367a4.71 4.71 0 0 0 .771-1.45 5.571 5.571 0 0 0 .513-1.538c.098-.563.155-1.133.17-1.704a8.979 8.979 0 0 0-2.475-6.059 8.86 8.86 0 0 0-9.305-1.796zM222.878 93.878h-25.6a8.533 8.533 0 0 0 0 17.066h25.6a8.533 8.533 0 0 0 0-17.066zM282.611 93.878h-25.6a8.533 8.533 0 0 0 0 17.066h25.6a8.533 8.533 0 0 0 0-17.066zM43.678 273.078h8.533a8.533 8.533 0 0 0 0-17.066h-8.533c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533zM43.678 307.211h8.533a8.533 8.533 0 0 0 0-17.066h-8.533a8.533 8.533 0 0 0-8.533 8.533 8.532 8.532 0 0 0 8.533 8.533zM43.678 341.344h8.533a8.533 8.533 0 0 0 0-17.066h-8.533a8.533 8.533 0 0 0-8.533 8.533 8.532 8.532 0 0 0 8.533 8.533zM291.144 256.011h-59.733a8.533 8.533 0 0 0 0 17.066h59.733a8.533 8.533 0 0 0 0-17.066zM350.878 256.011h-25.6c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533h25.6a8.533 8.533 0 0 0 0-17.066zM419.144 256.011h-34.133c-4.713 0-8.533 3.82-8.533 8.533s3.82 8.533 8.533 8.533h34.133a8.533 8.533 0 0 0 0-17.066zM470.344 273.078a8.533 8.533 0 0 0 0-17.066h-17.067a8.533 8.533 0 0 0 0 17.066h17.067zM163.144 290.144h-51.2a8.533 8.533 0 0 0 0 17.066h51.2a8.533 8.533 0 0 0 0-17.066zM188.744 298.678a8.533 8.533 0 0 0 8.533 8.533h42.667a8.533 8.533 0 0 0 0-17.066h-42.667a8.533 8.533 0 0 0-8.533 8.533zM308.211 290.144h-34.133a8.533 8.533 0 0 0 0 17.066h34.133a8.533 8.533 0 0 0 0-17.066zM333.811 298.678a8.533 8.533 0 0 0 8.533 8.533h42.667a8.533 8.533 0 0 0 0-17.066h-42.667a8.533 8.533 0 0 0-8.533 8.533zM410.611 298.678a8.533 8.533 0 0 0 8.533 8.533h51.2a8.533 8.533 0 0 0 0-17.066h-51.2a8.533 8.533 0 0 0-8.533 8.533zM77.811 332.811a8.533 8.533 0 0 0 8.533 8.533h34.133a8.533 8.533 0 0 0 0-17.066H86.344a8.533 8.533 0 0 0-8.533 8.533zM154.611 324.278a8.533 8.533 0 0 0 0 17.066h34.133a8.533 8.533 0 0 0 0-17.066h-34.133zM222.878 324.278a8.533 8.533 0 0 0 0 17.066h42.667a8.533 8.533 0 0 0 0-17.066h-42.667zM291.144 332.811a8.533 8.533 0 0 0 8.533 8.533h25.6a8.533 8.533 0 0 0 0-17.066h-25.6a8.533 8.533 0 0 0-8.533 8.533zM359.411 324.278a8.533 8.533 0 0 0 0 17.066h51.2a8.533 8.533 0 0 0 0-17.066h-51.2zM470.344 324.278h-25.6a8.533 8.533 0 0 0 0 17.066h25.6a8.533 8.533 0 0 0 8.533-8.533 8.532 8.532 0 0 0-8.533-8.533z"
transform="translate(-1)"
fill="#428dff"
/>
</svg>
More icons in the same style and category