Add icons to this collection by clicking the heart icon.
Coding icon - also known as laptop, development, code, web programming, web development, web page, programming, coding, and seo and web. Created in a clean 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="32.12"
x2="31.275"
y1="64.367"
y2="-1.518"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="32.376"
x2="31.532"
y1="64.364"
y2="-1.521"
href="#a"
/>
<linearGradient
id="c"
x1="16.456"
x2="15.611"
y1="64.568"
y2="-1.317"
href="#a"
/>
<linearGradient
id="d"
x1="16.405"
x2="15.56"
y1="64.569"
y2="-1.316"
href="#a"
/>
<linearGradient
id="e"
x1="16.353"
x2="15.509"
y1="64.569"
y2="-1.316"
href="#a"
/>
<linearGradient
id="f"
x1="16.302"
x2="15.457"
y1="64.57"
y2="-1.315"
href="#a"
/>
<linearGradient
id="g"
x1="16.251"
x2="15.406"
y1="64.571"
y2="-1.314"
href="#a"
/>
<linearGradient
id="h"
x1="39.952"
x2="39.107"
y1="64.267"
y2="-1.618"
href="#a"
/>
<linearGradient
id="i"
x1="37.401"
x2="36.557"
y1="64.299"
y2="-1.586"
href="#a"
/>
<linearGradient
id="j"
x1="27.352"
x2="26.507"
y1="64.428"
y2="-1.457"
href="#a"
/>
<linearGradient
id="k"
x1="27.3"
x2="26.456"
y1="64.429"
y2="-1.456"
href="#a"
/>
<linearGradient
id="l"
x1="27.249"
x2="26.404"
y1="64.43"
y2="-1.455"
href="#a"
/>
<linearGradient
id="m"
x1="24.692"
x2="23.847"
y1="64.462"
y2="-1.423"
href="#a"
/>
<linearGradient
id="n"
x1="40.644"
x2="39.799"
y1="64.258"
y2="-1.627"
href="#a"
/>
<linearGradient
id="o"
x1="32.665"
x2="31.82"
y1="64.36"
y2="-1.525"
href="#a"
/>
<linearGradient
id="p"
x1="23.404"
x2="22.559"
y1="64.479"
y2="-1.406"
href="#a"
/>
<linearGradient
id="q"
x1="41.349"
x2="40.505"
y1="64.249"
y2="-1.636"
href="#a"
/>
<linearGradient
id="r"
x1="38.299"
x2="37.454"
y1="64.288"
y2="-1.597"
href="#a"
/>
<linearGradient
id="s"
x1="38.247"
x2="37.403"
y1="64.289"
y2="-1.596"
href="#a"
/>
<path
fill="url(#a)"
d="M61 52h-2.026A4.948 4.948 0 0 0 60 49V21a5.006 5.006 0 0 0-5-5h-7V7a5.006 5.006 0 0 0-5-5H21a5.006 5.006 0 0 0-5 5v9H9a5.006 5.006 0 0 0-5 5v28a4.948 4.948 0 0 0 1.026 3H3a1 1 0 0 0-1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0-1-1zM18 7a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H30a1 1 0 0 0-.759.349L25 26.3V22a1 1 0 0 0-1-1h-3a3 3 0 0 1-3-3zM6 49V21a3 3 0 0 1 3-3h7a5.006 5.006 0 0 0 5 5h2v6a1 1 0 0 0 1.759.651L30.46 23H43a5.006 5.006 0 0 0 5-5h7a3 3 0 0 1 3 3v28a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm22 5h8v1a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm32 3a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h22v1a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-1h22z"
/>
<path
fill="url(#b)"
d="M56 49V21a1 1 0 0 0-1-1h-5a1 1 0 0 0 0 2h4v26H10V22h4a1 1 0 0 0 0-2H9a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1z"
/>
<path
fill="url(#c)"
d="M14 29a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-2a1 1 0 0 0-1 1z"
/>
<path fill="url(#d)" d="M17 32h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M17 36h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M17 40h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M17 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M30 30h19a1 1 0 0 0 0-2H30a1 1 0 0 0 0 2z" />
<path fill="url(#i)" d="M29 34h16a1 1 0 0 0 0-2H29a1 1 0 0 0 0 2z" />
<path fill="url(#j)" d="M21 38h12a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path fill="url(#k)" d="M21 42h12a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path fill="url(#l)" d="M21 46h12a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path
fill="url(#m)"
d="m20.445 12.832 6 4a1 1 0 1 0 1.11-1.664l-4.567-3.044L27.447 9.9a1 1 0 1 0-.894-1.79l-6 3a1 1 0 0 0-.108 1.727z"
/>
<path
fill="url(#n)"
d="m36.553 9.9 4.459 2.229-4.567 3.044a1 1 0 0 0 1.11 1.664l6-4a1 1 0 0 0-.108-1.727l-6-3a1 1 0 0 0-.894 1.79z"
/>
<path
fill="url(#o)"
d="M29.658 18.94a1 1 0 0 0 1.281-.6l4-11a1 1 0 1 0-1.878-.684l-4 11a1 1 0 0 0 .597 1.284z"
/>
<path fill="url(#p)" d="M21 34h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path
fill="url(#q)"
d="M46 37a1 1 0 0 0-1-1h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 1-1z"
/>
<path fill="url(#r)" d="M39 40h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#s)" d="M39 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category