Add icons to this collection by clicking the heart icon.
Coding icon - also known as technology, computer, interface, website, code, robot, ui, web programming, web development, web page, developer, electronics, coding, and seo and web. Created in a clean lineal gradient 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"
>
<linearGradient
id="a"
x1="-2.534"
x2="67.757"
y1="64.535"
y2="-5.757"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-7.784"
x2="62.507"
y1="59.285"
y2="-11.007"
href="#a"
/>
<linearGradient
id="c"
x1="-5.535"
x2="64.757"
y1="61.534"
y2="-8.757"
href="#a"
/>
<linearGradient
id="d"
x1="-10.034"
x2="60.257"
y1="57.035"
y2="-13.257"
href="#a"
/>
<linearGradient
id="e"
x1="-1.534"
x2="68.757"
y1="65.534"
y2="-4.757"
href="#a"
/>
<linearGradient
id="f"
x1="-.034"
x2="70.257"
y1="67.034"
y2="-3.257"
href="#a"
/>
<linearGradient
id="g"
x1="2.216"
x2="72.507"
y1="69.284"
y2="-1.007"
href="#a"
/>
<linearGradient
id="h"
x1="-8.034"
x2="62.257"
y1="59.034"
y2="-11.257"
href="#a"
/>
<linearGradient
id="i"
x1="-12.034"
x2="58.257"
y1="55.034"
y2="-15.257"
href="#a"
/>
<linearGradient
id="j"
x1="-6.034"
x2="64.257"
y1="61.034"
y2="-9.257"
href="#a"
/>
<linearGradient
id="k"
x1="4.466"
x2="74.757"
y1="71.534"
y2="1.243"
href="#a"
/>
<linearGradient
id="l"
x1="7.216"
x2="77.507"
y1="74.284"
y2="3.993"
href="#a"
/>
<path
fill="url(#a)"
d="M61 1H24a1 1 0 0 0-1 1v15h-2v-2a1 1 0 0 0-2 0v2h-3a3 3 0 0 0-3 3v1h-2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2v5a1 1 0 0 0 1 1h3v2H4a3 3 0 0 0-3 3v8a1 1 0 0 0 1 1h1v9a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-9h2v9a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-9h2v9a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-9h1a1 1 0 0 0 1-1v-8a3 3 0 0 0-3-3H23v-2h3a1 1 0 0 0 1-1v-5h2a1 1 0 0 0 1-1v-6h31a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM7 61H5v-8h2zm4-10H3v-7a1 1 0 0 1 1-1h7zm24 10h-2v-8h2zm-6-18h7a1 1 0 0 1 1 1v7h-8zM25 3h35v3H25zM15 20a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1H15zm12 23v18H13V43zm-8-2v-2h2v2zm6-4H15v-4h10zm3-6H12v-8h16zm32-7H30v-2a1 1 0 0 0-1-1h-2v-1a3 3 0 0 0-2-2.816V8h35z"
/>
<path
fill="url(#b)"
d="M34.649 19.937A1.029 1.029 0 0 0 35 20a1 1 0 0 0 .937-.649l3-8a1 1 0 1 0-1.874-.7l-3 8a1 1 0 0 0 .586 1.286z"
/>
<path
fill="url(#c)"
d="M40.4 19.8a1 1 0 0 0 1.4-.2l3-4a1 1 0 0 0 0-1.2l-3-4a1 1 0 0 0-1.6 1.2l2.55 3.4-2.55 3.4a1 1 0 0 0 .2 1.4z"
/>
<path
fill="url(#d)"
d="M31.2 19.6a1 1 0 1 0 1.6-1.2L30.25 15l2.55-3.4a1 1 0 1 0-1.6-1.2l-3 4a1 1 0 0 0 0 1.2z"
/>
<path fill="url(#e)" d="M48 13h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M48 16h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM48 19h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z"
/>
<path fill="url(#g)" d="M54 17h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M24 30a3 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="url(#i)"
d="M16 30a3 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="url(#j)" d="M18 36h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M15 60h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path fill="url(#l)" d="M22 60h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category