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="#7190c4" d="M95 21v74H11a10 10 0 0 1 0-20h4V21z" />
<path
fill="#89a3ce"
d="M95 21v71H11a7 7 0 0 1-7-7.22A7.2 7.2 0 0 1 11.29 78H16a2 2 0 0 0 2-2V21z"
/>
<path fill="#f6b756" d="M29 79h10v10H29z" />
<path fill="#fac77d" d="M30 79h9v9a9 9 0 0 1-9-9z" />
<rect width="2" height="5" x="35" y="81" fill="#ffd69e" rx="1" />
<path
fill="#a5b9db"
d="M28 24h60a4 4 0 0 1 4 4v54a4 4 0 0 1-4 4h-6a58 58 0 0 1-58-58 4 4 0 0 1 4-4z"
/>
<path
fill="#dc5d6b"
d="M81 84a4.93 4.93 0 0 1-.61 2.39 5 5 0 1 1-6.78-6.78A4.93 4.93 0 0 1 76 79a5 5 0 0 1 5 5z"
/>
<path
fill="#e47980"
d="M81 84a4.93 4.93 0 0 1-.61 2.39A4.93 4.93 0 0 1 78 87a5 5 0 0 1-5-5 4.93 4.93 0 0 1 .61-2.39 4.87 4.87 0 0 1 1.35-.5 5 5 0 0 1 5.85 3.51A5.22 5.22 0 0 1 81 84z"
/>
<path
fill="#f4929c"
d="M80.81 82.62A3.5 3.5 0 0 1 74 81.5a3.43 3.43 0 0 1 1-2.39 5 5 0 0 1 5.85 3.51z"
/>
<path
fill="#dc5d6b"
d="M60 84a4.93 4.93 0 0 1-.61 2.39 5 5 0 1 1-6.78-6.78A4.93 4.93 0 0 1 55 79a5 5 0 0 1 5 5z"
/>
<path
fill="#e47980"
d="M60 84a4.93 4.93 0 0 1-.61 2.39A4.93 4.93 0 0 1 57 87a5 5 0 0 1-5-5 4.93 4.93 0 0 1 .61-2.39 4.87 4.87 0 0 1 1.35-.5 5 5 0 0 1 5.85 3.51A5.22 5.22 0 0 1 60 84z"
/>
<path
fill="#f4929c"
d="M59.81 82.62A3.5 3.5 0 0 1 53 81.5a3.43 3.43 0 0 1 1-2.39 5 5 0 0 1 5.85 3.51z"
/>
<path fill="#77cacb" d="M50 58h10v10H50z" />
<path fill="#90d1d7" d="M51 58h9v9a9 9 0 0 1-9-9z" />
<rect width="2" height="5" x="56" y="60" fill="#abd9e6" rx="1" />
<path fill="#77cacb" d="M71 58h10v10H71z" />
<path fill="#90d1d7" d="M72 58h9v9a9 9 0 0 1-9-9z" />
<rect width="2" height="5" x="77" y="60" fill="#abd9e6" rx="1" />
<path fill="#77cacb" d="M29 58h10v10H29z" />
<path fill="#90d1d7" d="M30 58h9v9a9 9 0 0 1-9-9z" />
<path fill="#ccd1dc" d="M34 27h42v14H34z" />
<path fill="#dee1e7" d="M37 27h39v11H48a11 11 0 0 1-11-11z" />
<rect width="28" height="6" x="45" y="30" fill="#f3f4f5" rx="3" />
<path
fill="#89a3ce"
d="M15 1v74h-4A10 10 0 0 0 1 85V11a10 10 0 0 1 2.93-7.07L4 3.86A10 10 0 0 1 11 1z"
/>
<path
fill="#a5b9db"
d="M15 1v70h-4a10 10 0 0 0-7 2.86v-70A10 10 0 0 1 11 1z"
/>
<g fill="#39426a">
<path
d="M95 20H16V1a1 1 0 0 0-1-1h-4A11 11 0 0 0 0 11v74a11 11 0 0 0 11 11h84a1 1 0 0 0 1-1V21a1 1 0 0 0-1-1zM2 11a9 9 0 0 1 9-9h3v72h-3a11 11 0 0 0-9 4.7zm92 83H11a9 9 0 0 1 0-18h4a1 1 0 0 0 1-1V22h78z"
/>
<path
d="M48.71 30.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42L46.41 34l2.3-2.29a1 1 0 0 0 0-1.42zM61.29 37.71a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29-2.3 2.29a1 1 0 0 0 0 1.42zM57.55 30.17a1 1 0 0 0-1.38.28l-4 6a1 1 0 0 0 .28 1.38.94.94 0 0 0 .55.17 1 1 0 0 0 .83-.45l4-6a1 1 0 0 0-.28-1.38z"
/>
<path
d="M39 78H29a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4h9.09A6 6 0 1 0 56 78.09V69h4a1 1 0 0 0 1-1V58a1 1 0 0 0-1-1h-4v-6h19v6h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4v9.09a6 6 0 1 0 2 0V69h4a1 1 0 0 0 1-1V58a1 1 0 0 0-1-1h-4v-7a1 1 0 0 0-1-1H56v-7h20a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1H34a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h20v7H34a1 1 0 0 0-1 1v7h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V58a1 1 0 0 0-1-1h-4v-6h19v6h-4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4v9.09A6 6 0 0 0 49.09 83H40v-4a1 1 0 0 0-1-1zm41 6a4 4 0 1 1-4-4 4 4 0 0 1 4 4zm0-17h-8v-8h8zM35 28h40v12H35zm3 39h-8v-8h8zm13-8h8v8h-8zm4 21a4 4 0 1 1-4 4 4 4 0 0 1 4-4zm-17 8h-8v-8h8z"
/>
</g>
<rect width="4" height="54" x="8" y="13" fill="#c3d2e7" rx="2" />
<circle cx="10" cy="8" r="2" fill="#c3d2e7" />
<rect width="2" height="5" x="35" y="60" fill="#abd9e6" rx="1" />
</svg>
More icons in the same style and category