Add icons to this collection by clicking the heart icon.
Code icon - also known as window, code, programming, electronics, app, and augmented reality. Created in a clean soft fill style with a silver, gray, black, and orange 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 60 60"
>
<g fill="none">
<path
fill="#d1d4dc"
d="M59 9v46a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V9l1-1h56z"
/>
<path
fill="#b2b7c1"
d="M55 48v1a3 3 0 0 1-3 3H38a3 3 0 0 1-3-3v-1zM55 19v1H35v-1a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3z"
/>
<path fill="#509aee" d="M35 20h20v28H35z" />
<path fill="#477594" d="M30 8v51H5a4 4 0 0 1-4-4V9l1-1z" />
<path fill="#509aee" d="M59 5v4H1V5a4 4 0 0 1 4-4h50a4 4 0 0 1 4 4z" />
<path
fill="#ffcf38"
d="M51 27.787v6.426a.7.7 0 0 1-.349.6l-5.3 3.088a.7.7 0 0 1-.712 0l-5.3-3.088a.7.7 0 0 1-.349-.6v-6.426a.7.7 0 0 1 .349-.6l5.3-3.088a.7.7 0 0 1 .712 0l5.3 3.088a.7.7 0 0 1 .349.6z"
/>
<circle cx="45" cy="50" r="2" fill="#7e8591" />
<path
fill="#f7bc31"
d="m50.98 27.65-5.53 3.23a.9.9 0 0 1-.9 0l-5.53-3.23c.03-.2.152-.374.33-.47l5.29-3.08a.713.713 0 0 1 .72 0l5.29 3.08c.178.096.3.27.33.47z"
/>
<g fill="#373737">
<path
d="M51.97 27.56c0-.025-.006-.049-.01-.074a1.7 1.7 0 0 0-.806-1.166l-5.29-3.085a1.7 1.7 0 0 0-1.724 0l-5.294 3.089a1.7 1.7 0 0 0-.806 1.165c0 .025-.007.049-.01.074a1.7 1.7 0 0 0-.03.226v6.428c.003.604.324 1.162.846 1.466l5.29 3.085a1.7 1.7 0 0 0 1.724 0l5.294-3.089A1.7 1.7 0 0 0 52 34.214v-6.428a1.7 1.7 0 0 0-.03-.226zM45 25.047l4.231 2.467L45 29.984l-4.231-2.47zm0 11.906-5-2.916v-4.656l4 2.336V33a1 1 0 0 0 2 0v-1.284l4-2.336v4.657z"
/>
<path
d="M55 0H5a5.006 5.006 0 0 0-5 5v4a1 1 0 0 0 1 1h28v48H5a3 3 0 0 1-3-3V13a1 1 0 0 0-2 0v42a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5zM5 2h50a3 3 0 0 1 3 3v3H2V5a3 3 0 0 1 3-3zm50 56H31V10h27v45a3 3 0 0 1-3 3z"
/>
<path
d="M52 15H38a4 4 0 0 0-4 4v30a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V19a4 4 0 0 0-4-4zm-6 35a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-10-3V21h18v26zm2-30h14a2 2 0 0 1 2 2H36a2 2 0 0 1 2-2zm-2 32h6.184a2.809 2.809 0 0 0 0 2H38a2 2 0 0 1-2-2zm16 2h-4.184a2.809 2.809 0 0 0 0-2H54a2 2 0 0 1-2 2zM6 6h1a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2zM11 6h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM16 6h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM53 6h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM26 6h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z"
/>
<path
d="m50.538 39.113-5.527 2.893-5.549-2.893a1 1 0 0 0-.924 1.774l5.555 2.895a2 2 0 0 0 1.822-.003l5.549-2.892a1 1 0 0 0-.924-1.774zM6 15h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 15h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 19h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 19h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 23h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 23h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 27h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 27h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 31h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 31h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 35h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 35h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 39h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 39h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 43h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 43h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 47h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 47h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 51h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 51h14a1 1 0 0 0 0-2H11a1 1 0 0 0 0 2zM6 55h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM11 55h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category