Add icons to this collection by clicking the heart icon.
Coding icon - also known as technology, interface, application, website, code, ui, web page, programming, coding, app, and seo and web. Created in a clean lineal color style with a white, silver, and navy 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="512"
height="512"
viewBox="0 0 96 96"
>
<g>
<path d="M87 4v7H9V4a3 3 0 0 1 3-3h72a3 3 0 0 1 3 3Z" fill="#c3d4ef" />
<path d="M87 11v51a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V11Z" fill="#ebf4ff" />
<rect
width="56"
height="36"
x="24"
y="24"
rx="3"
ry="3"
fill="#c3d4ef"
/>
<rect width="56" height="36" x="20" y="20" rx="3" ry="3" fill="#fff" />
<rect
width="10"
height="10"
x="71"
y="85"
rx="1"
ry="1"
fill="#ebf4ff"
/>
<rect
width="10"
height="10"
x="42"
y="85"
rx="1"
ry="1"
fill="#ebf4ff"
/>
<rect
width="10"
height="10"
x="13"
y="85"
rx="1"
ry="1"
fill="#ebf4ff"
/>
<path
d="M14 7h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2ZM20 7h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2ZM29 7h50a1 1 0 0 0 0-2H29a1 1 0 0 0 0 2Z"
fill="#283d54"
/>
<path
d="M84 0H12a4 4 0 0 0-4 4v58a4 4 0 0 0 4 4h34v1a1.882 1.882 0 0 1-2 2H29a1 1 0 0 0 0 2h15a3.767 3.767 0 0 0 3-1.3 3.767 3.767 0 0 0 3 1.3h20c.2 0 5 .057 5 5v8h-3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-3v-8c0-5.537-4.579-7-7-7H50a1.885 1.885 0 0 1-2-2.006V66h36a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Zm-5.414 86L72 92.586V86Zm-5.169 8L80 87.414V94ZM12 2h72a2 2 0 0 1 2 2v6H10V4a2 2 0 0 1 2-2Zm72 62H12a2 2 0 0 1-2-2V12h76v50a2 2 0 0 1-2 2Z"
fill="#283d54"
/>
<path
d="M73 19a1 1 0 0 0 0 2 2 2 0 0 1 2 2v30a2 2 0 0 1-2 2H23a2 2 0 0 1-2-2V23a2 2 0 0 1 2-2h45a1 1 0 0 0 0-2H23a4 4 0 0 0-4 4v30a4 4 0 0 0 4 4h50a4 4 0 0 0 4-4V23a4 4 0 0 0-4-4Z"
fill="#283d54"
/>
<path
d="M39.707 29.293a1 1 0 0 0-1.414 0l-8 8a1 1 0 0 0 0 1.414l8 8a1 1 0 0 0 1.414-1.414L32.414 38l7.293-7.293a1 1 0 0 0 0-1.414ZM49.038 27.726l-6 21a1 1 0 0 0 .686 1.236A1.053 1.053 0 0 0 44 50a1 1 0 0 0 .961-.726l6-21a1 1 0 1 0-1.924-.548ZM56.293 46.707a1 1 0 0 0 1.414 0l8-8a1 1 0 0 0 0-1.414l-8-8a1 1 0 0 0-1.414 1.414L63.586 38l-7.293 7.293a1 1 0 0 0 0 1.414ZM24 69c-2.421 0-7 1.463-7 7v8h-3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-3v-8c0-4.821 4.487-5 5-5a1 1 0 0 0 0-2Zm-8.583 25L22 87.414V94Zm5.169-8L14 92.586V86ZM51 84h-3V74a1 1 0 0 0-2 0v10h-3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Zm-1.414 2L43 92.586V86Zm-5.169 8L51 87.414V94Z"
fill="#283d54"
/>
</g>
</svg>
More icons in the same style and category