Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, web, development, website, code, ui, web programming, web development, web page, developer, programming, coding, ssh, and seo and web. 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="512"
height="512"
viewBox="0 0 60 60"
>
<linearGradient id="a" x1="7.072%" x2="92.934%" y1="-7.232%" y2="107.154%">
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<g fill="none">
<g transform="translate(1 1)">
<path fill="#7facfa" d="M11 38h36v5H11z" />
<path fill="#a4c2f7" d="M11 38h33v5H11z" />
<rect width="44" height="38" x="7" fill="#cad9fc" rx="4" />
<rect width="41" height="38" x="7" fill="#e8edfc" rx="4" />
<path
fill="url(#a)"
d="M46.2 4.02h-.02C46 3.99 48.617 4 12 4a1 1 0 0 0-1 1c0 26.908-.011 25 .02 25.19 0 0-.01 0 0 .01.045.213.158.405.32.55.432.384-1.542.25 34.66.25a1 1 0 0 0 1-1V5a1 1 0 0 0-.8-.98z"
/>
<path
fill="#cad9fc"
d="M56 58H2a2 2 0 0 1-1.85-2.74l4.84-9.75A4.015 4.015 0 0 1 8.71 43h40.58c1.635 0 3.107.994 3.72 2.51l4.84 9.75A2 2 0 0 1 56 58z"
/>
<path
fill="#e8edfc"
d="M53 58H2a2 2 0 0 1-1.85-2.74l4.84-9.75A4.015 4.015 0 0 1 8.71 43h37.58c1.635 0 3.107.994 3.72 2.51l4.84 9.75A2 2 0 0 1 53 58z"
/>
<g fill="#cad9fc">
<path
d="M35 54H7.723a1 1 0 0 1-.868-1.5l2.277-5A1 1 0 0 1 10 47h25a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1zM50.277 54H41a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h7a1 1 0 0 1 .868.5l2.277 5a1 1 0 0 1-.868 1.5z"
/>
</g>
</g>
<path
fill="#fff"
d="M3 59h3a2 2 0 0 1-1.85-2.74l4.84-9.75A4.015 4.015 0 0 1 12.71 44H15v-5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h-3a4 4 0 0 0-4 4v30a4 4 0 0 0 4 4v5H9.71a4.015 4.015 0 0 0-3.72 2.51l-4.84 9.75A2 2 0 0 0 3 59z"
/>
<path fill="#fff" d="M7 5h2v8H7z" />
<g fill="#428dff">
<path
d="M8.02 10a1 1 0 1 0 0-2h-.01a1 1 0 1 0 .01 2zM47 33a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H13a2 2 0 0 0-2 2v25a2 2 0 0 0 2 2zM13 6h34v25H13z"
/>
<path
d="M3 60h54a3 3 0 0 0 2.753-4.188l-4.816-9.668A4.976 4.976 0 0 0 50.292 43H49v-3.1a5.009 5.009 0 0 0 4-4.9V5a5.006 5.006 0 0 0-5-5H12a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3h36a3 3 0 0 1 3 3v30a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V13a1 1 0 0 0-2 0v22a5.009 5.009 0 0 0 4 4.9V43H9.708A4.94 4.94 0 0 0 5.1 46.069L.216 55.886A3 3 0 0 0 3 60zm10-20h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2a1 1 0 0 0 2 0h2v3H13zM2.04 56.7l4.883-9.817A2.984 2.984 0 0 1 9.708 45h40.584a3.021 3.021 0 0 1 2.818 1.96l4.817 9.669A1 1 0 0 1 57 58H3a.985.985 0 0 1-.828-.439.97.97 0 0 1-.132-.861z"
/>
<path
d="M8.724 56H36a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H11a2.031 2.031 0 0 0-1.778 1.089l-2.236 4.919A2 2 0 0 0 8.724 56zM11 49h25v5l-27.235-.082zM42 56h9.276a1.981 1.981 0 0 0 1.731-1 1.935 1.935 0 0 0 .049-1.914l-2.32-5.081A2 2 0 0 0 49 47h-7a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm0-7 6.958-.082L51.282 54H42zM16.6 8.2a1 1 0 1 0-1.2 1.6l2.933 2.2-2.933 2.2a1 1 0 0 0 1.2 1.6l4-3a1 1 0 0 0 0-1.6zM26 14h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category