Add icons to this collection by clicking the heart icon.
Programming 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="M86 4v7H10V4a3 3 0 0 1 3-3h70a3 3 0 0 1 3 3Z" fill="#c3d4ef" />
<path d="M86 11v81a3 3 0 0 1-3 3H36V11Z" fill="#fff" />
<path d="M36 11v84H13a3 3 0 0 1-3-3V11Z" fill="#ebf4ff" />
<path d="M36 11h3v84h-3z" fill="#c3d4ef" />
<path d="M10 11h26v6H10z" fill="#e5eefd" />
<rect width="15" height="6" x="16" y="21" rx="1" ry="1" fill="#fff" />
<path
d="M68 23v6a1.948 1.948 0 0 1-1.93 2H50a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#c6d0d9"
/>
<rect width="20" height="10" x="46" y="19" rx="2" ry="2" fill="#fff" />
<path
d="M66 21a2.006 2.006 0 0 0-2-2H48a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#a9ebc8"
/>
<path
d="M78 42v6a2.007 2.007 0 0 1-2 2H60a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#c6d0d9"
/>
<rect width="20" height="10" x="56" y="38" rx="2" ry="2" fill="#fff" />
<path
d="M76 40a2.006 2.006 0 0 0-2-2H58a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#96c0ff"
/>
<path
d="M68 61v6a2.007 2.007 0 0 1-2 2H50a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#c6d0d9"
/>
<rect width="20" height="10" x="46" y="57" rx="2" ry="2" fill="#fff" />
<path
d="M66 59a2.006 2.006 0 0 0-2-2H48a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#a9ebc8"
/>
<path
d="M78 80v6a2.007 2.007 0 0 1-2 2H60a2.005 2.005 0 0 1-2-2v-6a2.007 2.007 0 0 1 2-2h16a2.006 2.006 0 0 1 2 2Z"
fill="#c6d0d9"
/>
<rect width="20" height="10" x="56" y="76" rx="2" ry="2" fill="#fff" />
<path
d="M76 78a2.006 2.006 0 0 0-2-2H58a2.006 2.006 0 0 0-2 2v3h20Z"
fill="#96c0ff"
/>
<path
d="M86 17a1 1 0 0 0 1-1V4a4 4 0 0 0-4-4H13a4 4 0 0 0-4 4v88a4 4 0 0 0 4 4h70a4 4 0 0 0 4-4V21a1 1 0 0 0-2 0v71a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h70a2 2 0 0 1 2 2v12a1 1 0 0 0 1 1Z"
fill="#283d54"
/>
<path
d="M18 7a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2ZM25 7a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2ZM80 7a1 1 0 0 0 0-2H31a1 1 0 0 0 0 2ZM83 11a1 1 0 0 0-1-1H14a1 1 0 0 0 0 2h21v77a1 1 0 0 0 2 0V12h45a1 1 0 0 0 1-1Z"
fill="#283d54"
/>
<path
d="M16 35h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2ZM16 40h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2ZM16 47h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2ZM16 52h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2ZM16 59h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2ZM16 64h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2ZM16 71h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2ZM16 76h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2ZM25 82a1 1 0 0 0-1-1h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1ZM16 86a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM27 38h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM27 50h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM27 62h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM27 74h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM24 88h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2ZM32 26v-4a2 2 0 0 0-2-2H17a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2Zm-15 0v-4h13v4ZM77 40a3 3 0 0 0-3-3H58a3 3 0 0 0-3 3v3h-3.063a.914.914 0 0 1-1-.995L51 30h13a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H48a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h1l-.058 12a2.916 2.916 0 0 0 3 3H55v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3ZM47 27v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H48a1 1 0 0 1-1-1Zm28 19a1 1 0 0 1-1 1H58a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1ZM58 87h16a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H58a3 3 0 0 0-3 3v3h-3.063a.914.914 0 0 1-1-1L51 68h13a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H48a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h1l-.058 12a2.916 2.916 0 0 0 3 3H55v1a3 3 0 0 0 3 3ZM47 65v-6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H48a1 1 0 0 1-1-1Zm10 13a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H58a1 1 0 0 1-1-1Z"
fill="#283d54"
/>
</g>
</svg>
More icons in the same style and category