Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, website, 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"
x2="32"
y1="64.414"
y2="4.414"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="7" x2="7" y1="64.414" y2="4.442" href="#a" />
<linearGradient id="c" x1="11" x2="11" y1="64.414" y2="4.442" href="#a" />
<linearGradient id="d" x1="15" x2="15" y1="64.414" y2="4.442" href="#a" />
<linearGradient
id="e"
x1="18.5"
x2="18.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient
id="f"
x1="29.5"
x2="29.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient id="g" x1="24" x2="24" y1="64.414" y2="4.442" href="#a" />
<linearGradient id="h" x1="21" x2="21" y1="64.414" y2="4.442" href="#a" />
<linearGradient id="i" x1="28" x2="28" y1="64.414" y2="4.442" href="#a" />
<linearGradient
id="j"
x1="32.5"
x2="32.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient
id="k"
x1="49.5"
x2="49.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient id="l" x1="36" x2="36" y1="64.414" y2="4.442" href="#a" />
<linearGradient
id="m"
x1="50.5"
x2="50.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient
id="n"
x1="28.5"
x2="28.5"
y1="64.414"
y2="4.442"
href="#a"
/>
<linearGradient id="o" x1="37" x2="37" y1="64.414" y2="4.442" href="#a" />
<linearGradient id="p" x1="46" x2="46" y1="64.414" y2="4.442" href="#a" />
<g>
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v50a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM7 4h50a3 3 0 0 1 3 3v3H4V7a3 3 0 0 1 3-3zm50 56H7a3 3 0 0 1-3-3V12h56v45a3 3 0 0 1-3 3z"
/>
<path fill="url(#b)" d="M6 6h2v2H6z" />
<path fill="url(#c)" d="M10 6h2v2h-2z" />
<path fill="url(#d)" d="M14 6h2v2h-2z" />
<path
fill="url(#c)"
d="M11 56a1 1 0 0 1-1-1V17a1 1 0 0 1 2 0v38a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M20 24a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L18.414 20l2.293 2.293A1 1 0 0 1 20 24z"
/>
<path
fill="url(#f)"
d="M28 24a1 1 0 0 1-.707-1.707L29.586 20l-2.293-2.293a1 1 0 0 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 28 24z"
/>
<path
fill="url(#g)"
d="M23 25a.968.968 0 0 1-.243-.03 1 1 0 0 1-.728-1.213l2-8a1 1 0 0 1 1.94.486l-2 8A1 1 0 0 1 23 25z"
/>
<path fill="url(#h)" d="M19 29h4v2h-4z" />
<path fill="url(#i)" d="M25 29h6v2h-6z" />
<path fill="url(#j)" d="M23 33h19v2H23z" />
<path fill="url(#k)" d="M45 33h9v2h-9z" />
<path fill="url(#g)" d="M23 37h2v2h-2z" />
<path fill="url(#l)" d="M27 37h18v2H27z" />
<path fill="url(#m)" d="M47 37h7v2h-7z" />
<path fill="url(#h)" d="M19 41h4v2h-4z" />
<path fill="url(#i)" d="M25 41h6v2h-6z" />
<path fill="url(#j)" d="M23 45h19v2H23z" />
<path fill="url(#k)" d="M45 45h9v2h-9z" />
<path fill="url(#n)" d="M23 49h11v2H23z" />
<path fill="url(#o)" d="M36 49h2v2h-2z" />
<path fill="url(#p)" d="M42 49h8v2h-8z" />
<path fill="url(#h)" d="M19 54h4v2h-4z" />
<path fill="url(#i)" d="M25 54h6v2h-6z" />
</g>
</svg>
More icons in the same style and category