Add icons to this collection by clicking the heart icon.
Coding icon - also known as web, development, seo, code, web development, website design, coding, css, and seo and web. Created in a clean lineal color style, 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"
>
<path fill="#c6ccda" d="M33 90h30a5 5 0 0 1 5 5H28a5 5 0 0 1 5-5z" />
<path fill="#8288a1" d="M60 90H36l1.44-5.28L39 77h18l.69 3 1.62 7z" />
<path fill="#969cb2" d="M59.31 87H47a5.7 5.7 0 0 1-5.6-6.83V80h16.3z" />
<rect width="94" height="76" x="1" y="1" fill="#b8c0ce" rx="6" />
<path fill="#5c5f7d" d="M7 1h82a6 6 0 0 1 6 6v58H1V7a6 6 0 0 1 6-6z" />
<rect width="84" height="54" x="6" y="6" fill="#89a3ce" rx="2" />
<path fill="#ccd1dc" d="M11 11h34v44H11z" />
<path fill="#dee1e7" d="M14 11h31v41H22a8 8 0 0 1-8-8V11z" />
<path fill="#f3f4f5" d="M16 12h28v38a28 28 0 0 1-28-28V12z" />
<path fill="#ccd1dc" d="M51 11h34v44H51z" />
<path fill="#dee1e7" d="M54 11h31v41H62a8 8 0 0 1-8-8V11z" />
<path fill="#f3f4f5" d="M56 12h28v38a28 28 0 0 1-28-28V12z" />
<path fill="#90d1d7" d="M56 34h9v16h-9z" />
<path fill="#abd9e6" d="M59 34h6v13a6 6 0 0 1-6-6v-7z" />
<path fill="#90d1d7" d="M56 16h24v13H56z" />
<path fill="#abd9e6" d="M59 16h21v10H69a10 10 0 0 1-10-10z" />
<path fill="#ccd1dc" d="M3 65h89v5a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-5z" />
<rect width="76" height="4" x="14" y="68" fill="#dee1e7" rx="2" />
<circle cx="48" cy="71" r="2" fill="#8288a1" />
<path
fill="#39426a"
d="M89 0H7a7 7 0 0 0-7 7v64a7 7 0 0 0 7 7h30.78l-1.31 6.46L35.24 89H33a6 6 0 0 0-6 6 1 1 0 0 0 1 1h40a1 1 0 0 0 1-1 6 6 0 0 0-6-6h-2.2l-2.54-11H89a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7zM66.87 94H29.13A4 4 0 0 1 33 91h30a4 4 0 0 1 3.87 3zm-8.13-5H37.31l1.11-4.08 1.4-6.92H56.2zM89 76H7a5 5 0 0 1-5-5v-5h92v5a5 5 0 0 1-5 5zm5-12H2V7a5 5 0 0 1 5-5h82a5 5 0 0 1 5 5z"
/>
<path
fill="#39426a"
d="M88 5H8a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h80a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3zm1 53a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h80a1 1 0 0 1 1 1zM48 68a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="#39426a"
d="M45 10H11a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1zm-1 44H12V12h32zM85 10H51a1 1 0 0 0-1 1v44a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1zm-1 44H52V12h32z"
/>
<path
fill="#39426a"
d="M56 30h24a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1H56a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1zm1-13h22v11H57zM56 51h9a1 1 0 0 0 1-1V34a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1zm1-16h7v14h-7z"
/>
<g fill="#878c9f">
<path
d="M80 33H69a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM80 38H69a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM80 43H69a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM77 48h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2zM21.29 23.71a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L19.41 19l3.3-3.29a1 1 0 0 0-1.42-1.42l-4 4a1 1 0 0 0 0 1.42zM33.29 23.71a1 1 0 0 0 1.42 0l4-4a1 1 0 0 0 0-1.42l-4-4a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29a1 1 0 0 0 0 1.42zM25.55 23.89A.93.93 0 0 0 26 24a1 1 0 0 0 .89-.55l4-8a1 1 0 1 0-1.78-.9l-4 8a1 1 0 0 0 .44 1.34zM16 29h24a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2zM16 34h10a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2zM16 39h14a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2zM16 44h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM16 49h19a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2z"
/>
</g>
<circle cx="8" cy="70" r="2" fill="#dee1e7" />
<rect width="13" height="3" x="64" y="19" fill="#c3e1f5" rx="1.5" />
<rect width="2" height="7" x="61" y="37" fill="#c3e1f5" rx="1" />
</svg>
More icons in the same style and category