Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, website, code, web programming, web development, web page, developer, 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.924"
x2="31.235"
y1="67.576"
y2="2.536"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="9.089"
x2="7.4"
y1="68.195"
y2="3.155"
href="#a"
/>
<linearGradient
id="c"
x1="14.086"
x2="12.397"
y1="68.066"
y2="3.025"
href="#a"
/>
<linearGradient
id="d"
x1="19.083"
x2="17.393"
y1="67.936"
y2="2.896"
href="#a"
/>
<linearGradient
id="e"
x1="33.028"
x2="31.339"
y1="67.574"
y2="2.533"
href="#a"
/>
<linearGradient
id="f"
x1="47.979"
x2="46.289"
y1="67.185"
y2="2.145"
href="#a"
/>
<linearGradient
id="g"
x1="18.077"
x2="16.388"
y1="67.962"
y2="2.922"
href="#a"
/>
<linearGradient
id="h"
x1="32.509"
x2="30.819"
y1="67.587"
y2="2.547"
href="#a"
/>
<linearGradient
id="i"
x1="48.498"
x2="46.809"
y1="67.172"
y2="2.132"
href="#a"
/>
<linearGradient
id="j"
x1="16.52"
x2="14.83"
y1="68.002"
y2="2.962"
href="#a"
/>
<path
fill="url(#a)"
d="M59 2H5a3 3 0 0 0-3 3v54a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM5 4h54a1 1 0 0 1 1 1v5H4V5a1 1 0 0 1 1-1zm54 56H5a1 1 0 0 1-1-1V12h56v47a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M7 8h1a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M12 8h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M17 8h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path
fill="url(#e)"
d="M53 36H11a1 1 0 0 1-1-1V21a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zm-41-2h40V22H12z"
/>
<path
fill="url(#f)"
d="M45 32a1 1 0 0 1-.6-1.8l2.933-2.2-2.933-2.2a1 1 0 0 1 1.2-1.6l4 3a1 1 0 0 1 0 1.6l-4 3a1 1 0 0 1-.6.2z"
/>
<path
fill="url(#g)"
d="M19 32a1 1 0 0 1-.6-.2l-4-3a1 1 0 0 1 0-1.6l4-3a1 1 0 1 1 1.2 1.6L16.667 28l2.933 2.2A1 1 0 0 1 19 32z"
/>
<path
fill="url(#h)"
d="M35 52h-6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3zm-6-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#i)"
d="M51 52h-6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3zm-6-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#j)"
d="M19 52h-6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3zm-6-6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category