Add icons to this collection by clicking the heart icon.
Coding icon - also known as money, 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="19"
x2="19"
y1="67.254"
y2="1.283"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="7" x2="7" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="c" x1="11" x2="11" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="d" x1="15" x2="15" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="e" x1="13" x2="13" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="f" x1="22" x2="22" y1="67.254" y2="1.283" href="#a" />
<linearGradient
id="g"
x1="46.914"
x2="46.914"
y1="67.254"
y2="1.283"
href="#a"
/>
<linearGradient
id="h"
x1="17.086"
x2="17.086"
y1="67.254"
y2="1.283"
href="#a"
/>
<linearGradient
id="i"
x1="14.5"
x2="14.5"
y1="67.254"
y2="1.283"
href="#a"
/>
<linearGradient
id="j"
x1="25.5"
x2="25.5"
y1="67.254"
y2="1.283"
href="#a"
/>
<linearGradient id="k" x1="20" x2="20" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="l" x1="49" x2="49" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="m" x1="35" x2="35" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="n" x1="45" x2="45" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="o" x1="42" x2="42" y1="67.254" y2="1.283" href="#a" />
<linearGradient id="p" x1="9" x2="9" y1="67.254" y2="1.283" href="#a" />
<path
fill="url(#a)"
d="M33 2H5a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM5 4h28a1 1 0 0 1 1 1v2.919H4V5a1 1 0 0 1 1-1zm28 28H5a1 1 0 0 1-1-1V9.919h30V31a1 1 0 0 1-1 1z"
/>
<path fill="url(#b)" d="M6 5h2v2H6z" />
<path fill="url(#c)" d="M10 5h2v2h-2z" />
<path fill="url(#d)" d="M14 5h2v2h-2z" />
<path fill="url(#e)" d="M12 26h2v2h-2z" />
<path fill="url(#f)" d="M16 26h12v2H16z" />
<path fill="url(#e)" d="M12 22h2v2h-2z" />
<path fill="url(#f)" d="M16 22h12v2H16z" />
<path
fill="url(#g)"
d="M55.535 31.464a1 1 0 0 0-1.414 0L53 32.585V23a3 3 0 0 0-3-3h-8.586l1.121-1.122a1 1 0 1 0-1.414-1.414l-2.828 2.829a1 1 0 0 0 0 1.414l2.828 2.829a1 1 0 1 0 1.414-1.414L41.414 22H50a1 1 0 0 1 1 1v9.585l-1.121-1.121a1 1 0 1 0-1.414 1.414l2.828 2.829a1 1 0 0 0 1.414 0l2.828-2.829a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#h)"
d="m25.707 49.293-2.829-2.829a1 1 0 0 0-1.414 1.414L22.586 49H14a1 1 0 0 1-1-1v-8.586l1.122 1.122a1 1 0 1 0 1.414-1.414l-2.829-2.829a1 1 0 0 0-1.414 0l-2.829 2.829a1 1 0 1 0 1.414 1.414L11 39.414V48a3 3 0 0 0 3 3h8.586l-1.122 1.122a1 1 0 1 0 1.414 1.414l2.829-2.829a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#i)"
d="M16 19a1 1 0 0 1-.554-.168l-3-2a1 1 0 0 1 0-1.664l3-2a1 1 0 1 1 1.11 1.664L14.8 16l1.752 1.168A1 1 0 0 1 16 19z"
/>
<path
fill="url(#j)"
d="M24 19a1 1 0 0 1-.556-1.832L25.2 16l-1.752-1.168a1 1 0 0 1 1.11-1.664l3 2a1 1 0 0 1 0 1.664l-3 2A1 1 0 0 1 24 19z"
/>
<path
fill="url(#k)"
d="M19 20a1 1 0 0 1-.949-1.316l2-6a1 1 0 0 1 1.9.632l-2 6A1 1 0 0 1 19 20z"
/>
<path fill="url(#l)" d="M48 48h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#m)" d="M34 48h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path
fill="url(#n)"
d="M61 44h-2v-2a1 1 0 0 0-1-1h-2v-2a1 1 0 0 0-1-1H29a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h2v2a1 1 0 0 0 1 1h2v2a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V45a1 1 0 0 0-1-1zm-31-4h24v14H30zm3 16h22a1 1 0 0 0 1-1V43h1v14H33zm27 4H36v-1h22a1 1 0 0 0 1-1V46h1z"
/>
<path
fill="url(#o)"
d="M40 49a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2h-2v-1h3a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h2v1z"
/>
<path
fill="url(#p)"
d="M9 28a1 1 0 0 1-1-1V15a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category