Add icons to this collection by clicking the heart icon.
Code icon - also known as interface, connection, code, multimedia, browser, ui, coding, computing, programing language, seo and web, and edit tools. Created in a clean lineal color style with a silver, gray, black, and yellow 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="M504.5 46H7.5v420h497z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#78909c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 46h30v420h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#607d8b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 386H7.5v80h497z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#42a5f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 386h30v80h-30z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#2196f3"
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 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(68.5 426.5)"
fill="#ec407a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(128.5 426.5)"
fill="#ffee58"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0"
transform="translate(188.5 426.5)"
fill="#d9dce1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.143c0 15.812-12.787 28.676-28.505 28.676-15.718 0-28.505-12.864-28.505-28.676V0h-30v25.143C-87.01 57.597-60.765 84-28.505 84 3.755 84 30 57.597 30 25.143V0Z"
transform="translate(284.505 263.222)"
fill="#b8bbbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-222c-11.046 0-20 8.954-20 20v126.75c0 11.045 8.954 20 20 20H0c11.046 0 20-8.955 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(367 96.472)"
fill="#ffee58"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c11.046 0 20-8.955 20-20v-126.75c0-11.045-8.954-20-20-20H0c11.046 0 20 8.955 20 20V-20C20-8.955 11.046 0 0 0"
transform="translate(367 263.222)"
fill="#fdd835"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(68.5 426.5)"
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-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(128.5 426.5)"
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-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15C-6.716 15 0 8.284 0 0Z"
transform="translate(188.5 426.5)"
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-56.5v290.888"
transform="translate(64 46)"
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 0v97.112h497v-420H88.667"
transform="translate(7.5 368.888)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M504.5 386H7.5v80h497z"
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 0v25.143c0 15.812-12.787 28.676-28.505 28.676-15.718 0-28.505-12.864-28.505-28.676V0h-30v25.143C-87.01 57.597-60.765 84-28.505 84 3.755 84 30 57.597 30 25.143V0Z"
transform="translate(284.505 263.222)"
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-92.583c0-11.045-8.954-20-20-20h-222c-11.046 0-20 8.955-20 20v126.75c0 11.045 8.954 20 20 20h222c11.046 0 20-8.955 20-20v-2.334"
transform="translate(387 209.055)"
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-40-42.759L0-82"
transform="translate(210 222.397)"
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 40-42.759L0-82"
transform="translate(302 222.397)"
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-40-110"
transform="translate(276 236.397)"
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