Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, connection, network, laptop, intelligence, browser, webpage, electronics, coding, and ai. Created in a clean flat 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 64 64"
>
<g>
<path
fill="#ade8f4"
d="M12 23h40a4 4 0 0 1 4 4v28H8V27a4 4 0 0 1 4-4z"
/>
<path
fill="#48cae4"
d="M30 48a14 14 0 0 1-14-14V23h-4a4 4 0 0 0-4 4v28h48v-7z"
/>
<path
fill="#e9f1f2"
d="M39 53v2H25v-2H3v4a4 4 0 0 0 4 4h50a4 4 0 0 0 4-4v-4z"
/>
<path
fill="#d0d8da"
d="M12 58a4 4 0 0 1-4-4v-1H3v4a4 4 0 0 0 4 4h50a3.992 3.992 0 0 0 3.859-3z"
/>
<circle cx="51" cy="57" r="1" fill="#93999a" />
<circle cx="56" cy="57" r="1" fill="#93999a" />
<circle cx="8" cy="57" r="1" fill="#93999a" />
<circle cx="13" cy="57" r="1" fill="#93999a" />
<path
fill="#fcf2ad"
d="M27 49a1 1 0 0 1-.707-.293l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 1.414L23.414 43l4.293 4.293A1 1 0 0 1 27 49zM31 49a1 1 0 0 1-.929-1.372l4-10a1 1 0 0 1 1.858.744l-4 10A1 1 0 0 1 31 49zM39 49a1 1 0 0 1-.707-1.707L42.586 43l-4.293-4.293a1 1 0 0 1 1.414-1.414l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 39 49z"
/>
<path fill="#f9dbaf" d="M52 50h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path fill="#fcf2ad" d="M52 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="#f9dbaf"
d="M17 50h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM17 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM27.71 48.71a1.014 1.014 0 0 1-1.42 0l-1.87-1.87a13.74 13.74 0 0 0 3.56 1.01.965.965 0 0 1-.27.86zM32.08 48l-.15.37A1 1 0 0 1 31 49a.971.971 0 0 1-.37-.07A1 1 0 0 1 30 48zM40.42 48l-.71.71a1.014 1.014 0 0 1-1.42 0A1.007 1.007 0 0 1 38 48z"
/>
<circle cx="53" cy="35" r="2" fill="#fcf2ad" />
<circle cx="48" cy="27" r="2" fill="#fcf2ad" />
<circle cx="58" cy="18" r="2" fill="#fcf2ad" />
<circle cx="51" cy="12" r="2" fill="#fcf2ad" />
<circle cx="13" cy="40" r="2" fill="#fcf2ad" />
<circle cx="14" cy="6" r="2" fill="#fcf2ad" />
<circle cx="6" cy="20" r="2" fill="#fcf2ad" />
<circle cx="11" cy="32" r="2" fill="#fcf2ad" />
<circle cx="39" cy="9" r="2" fill="#fcf2ad" />
<circle cx="29" cy="6" r="2" fill="#fcf2ad" />
<circle cx="21" cy="10" r="2" fill="#fcf2ad" />
<g fill="#e9f1f2">
<path
d="M51 36h-5a1 1 0 0 1-.8-.4L42.5 32H39a1 1 0 0 1 0-2h4a1 1 0 0 1 .8.4l2.7 3.6H51a1 1 0 0 1 0 2zM44 24h-5a1 1 0 0 1 0-2h4.434l2.709-4.515A1 1 0 0 1 47 17h9a1 1 0 0 1 0 2h-8.434l-2.709 4.515A1 1 0 0 1 44 24z"
/>
<path
d="M42 20h-3a1 1 0 0 1 0-2h2.341l2.74-6.394A1 1 0 0 1 45 11h4a1 1 0 0 1 0 2h-3.341l-2.74 6.394A1 1 0 0 1 42 20zM46 28h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM19 41h-4a1 1 0 0 1 0-2h3.2l1.825-8.217A1 1 0 0 1 21 30h4a1 1 0 0 1 0 2h-3.2l-1.825 8.217A1 1 0 0 1 19 41zM25 24H15a1 1 0 0 1-.685-.271L11.409 21H8a1 1 0 0 1 0-2h3.805a1 1 0 0 1 .684.271L15.4 22H25a1 1 0 0 1 0 2z"
/>
<path
d="M17 33h-4a1 1 0 0 1 0-2h3.323l1.748-4.372A1 1 0 0 1 19 26h6a1 1 0 0 1 0 2h-5.323l-1.748 4.372A1 1 0 0 1 17 33zM25 20h-6a.992.992 0 0 1-.419-.092l-13-6A1 1 0 0 1 5 13V6a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H7v5.36L19.22 18H25a1 1 0 0 1 0 2zM37 19a1 1 0 0 1-1-1v-2a1 1 0 0 1 .293-.707L38 13.586V11a1 1 0 0 1 2 0v3a1 1 0 0 1-.293.707L38 16.414V18a1 1 0 0 1-1 1zM32 19a1 1 0 0 1-1-1v-3.279l-2.316-.772A1 1 0 0 1 28 13V8a1 1 0 0 1 2 0v4.279l2.316.772A1 1 0 0 1 33 14v4a1 1 0 0 1-1 1z"
/>
<path
d="M26.83 19a.972.972 0 0 1-.169-.014 1 1 0 0 1-.817-1.154l.046-.27-5.337-2.662A1 1 0 0 1 20 14v-2a1 1 0 0 1 2 0v1.382l5.447 2.723a1 1 0 0 1 .538 1.063l-.171 1a1 1 0 0 1-.984.832z"
/>
</g>
<path
fill="#f9dbaf"
d="M53 38a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM58 21a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM51 15a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM48 30a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM13 43a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM14 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM6 23a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM11 35a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM39 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM29 9a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM21 13a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<rect width="16" height="16" x="24" y="17" fill="#b8bebf" rx="2" />
<path
fill="#93999a"
d="M40 29v2a2.006 2.006 0 0 1-2 2H26a2.006 2.006 0 0 1-2-2V19a2.006 2.006 0 0 1 2-2h2a12 12 0 0 0 12 12z"
/>
<path
fill="#ade8f4"
d="M30 21a3 3 0 0 0-3 3v4a1 1 0 0 0 2 0v-1h2v1a1 1 0 0 0 2 0v-4a3 3 0 0 0-3-3zm-1 4v-1a1 1 0 0 1 2 0v1zM36 21a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#48cae4"
d="M31 24.94V25h-2v-1a1 1 0 0 1 .64-.93 12.409 12.409 0 0 1-.86-1.8A2.988 2.988 0 0 0 27 24v4a1 1 0 0 0 2 0v-1h2v1a1 1 0 0 0 2 0v-1.25a12.259 12.259 0 0 1-2-1.81zM36.82 28.57A1 1 0 0 1 35 28v-.08a12.275 12.275 0 0 0 1.82.65z"
/>
</g>
</svg>
More icons in the same style and category