Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, development, website, code, ui, web programming, web development, web page, developer, coding, and seo and web. Created in a clean flat style with a white, gray, yellow, 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 90 90"
>
<g>
<g>
<circle cx="63" cy="34" r="6" fill="#f1f2f2" />
<path
d="M79 32v4l-5.47 1.29a11.606 11.606 0 0 1-1.05 2.55l2.96 4.77-2.83 2.82-4.77-2.95a11.606 11.606 0 0 1-2.55 1.05L64 51h-4l-1.29-5.47a11.606 11.606 0 0 1-2.55-1.05l-4.77 2.95-2.83-2.82L50.18 42l-.04-.17A4 4 0 0 0 53 38V21.56l3.16 1.96a11.606 11.606 0 0 1 2.55-1.05L60 17h4l1.29 5.47a11.606 11.606 0 0 1 2.55 1.05l4.77-2.96 2.83 2.83-2.96 4.77a11.606 11.606 0 0 1 1.05 2.55Zm-10 2a6 6 0 1 0-6 6 6 6 0 0 0 6-6Z"
fill="#8d92b3"
/>
<path
d="M75 62v2a1 1 0 0 1-1 1H64a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1Z"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="73"
y="79"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="71"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="63"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="55"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="55"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="47"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="47"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="39"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="39"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="31"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="23"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="31"
y="70"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="40"
height="4"
x="29"
y="79"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="21"
y="79"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="13"
y="79"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<path
d="M27 71v2a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1Z"
fill="#f1f2f2"
/>
<rect
width="4"
height="4"
x="15"
y="61"
rx="1"
ry="1"
fill="#f1f2f2"
/>
<path
d="M53 21.56V38a4 4 0 0 1-2.86 3.83A3.932 3.932 0 0 1 49 42H39v5s-1-5-10-5H11a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h38a4 4 0 0 1 4 4Z"
fill="#5a87f6"
/>
<path
d="M8 68.81V58a2.006 2.006 0 0 1 2-2h70a2.006 2.006 0 0 1 2 2v29a2.006 2.006 0 0 1-2 2H10a2.006 2.006 0 0 1-2-2ZM77 82v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-2-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1H64a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1Zm-6 18v-2a1 1 0 0 0-1-1H30a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1Zm-2-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-8 0v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-8 9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-8 9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-8 9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-8 9v-2a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1Zm0-9v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-2 18v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-6-18v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Zm-2 18v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1Z"
fill="#dadeea"
/>
<path
d="M45 1a44.006 44.006 0 0 1 37 67.82V58a2.006 2.006 0 0 0-2-2H53c0-4-4-4-4-4H28c-4 0-4-4-4-4v-6h5c9 0 10 5 10 5v-5h10a3.932 3.932 0 0 0 1.14-.17l.04.17-1.62 2.61 2.83 2.82 4.77-2.95a11.606 11.606 0 0 0 2.55 1.05L60 51h4l1.29-5.47a11.606 11.606 0 0 0 2.55-1.05l4.77 2.95 2.83-2.82-2.96-4.77a11.606 11.606 0 0 0 1.05-2.55L79 36v-4l-5.47-1.29a11.606 11.606 0 0 0-1.05-2.55l2.96-4.77-2.83-2.83-4.77 2.96a11.606 11.606 0 0 0-2.55-1.05L64 17h-4l-1.29 5.47a11.606 11.606 0 0 0-2.55 1.05L53 21.56V8a4 4 0 0 0-4-4H29a43.841 43.841 0 0 1 16-3Z"
fill="#ffde17"
/>
<path
d="M53 56H10a2.006 2.006 0 0 0-2 2v10.81A44.012 44.012 0 0 1 6.89 23H7v15a4 4 0 0 0 4 4h13v6s0 4 4 4h21s4 0 4 4Z"
fill="#ffde17"
/>
<path
d="M54 56h-2a2.854 2.854 0 0 0-3.006-3H28a4.821 4.821 0 0 1-5-5v-6h2v6a2.852 2.852 0 0 0 3 3h21a4.821 4.821 0 0 1 5 5Z"
fill="#fbb040"
/>
<path
d="m21.293 31.707-8-8a1 1 0 0 1 0-1.414l8-8 1.414 1.414L15.414 23l7.293 7.293ZM38.707 31.707l-1.414-1.414L44.586 23l-7.293-7.293 1.414-1.414 8 8a1 1 0 0 1 0 1.414Z"
fill="#5a67f6"
/>
<path
d="M19.376 22.5h20.248v2H19.376z"
transform="rotate(-69.778 29.5 23.5)"
fill="#5a67f6"
/>
</g>
</g>
</svg>
More icons in the same style and category