Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, diamond, code, developer, programming, coding, programmer, 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="46"
x2="46"
y1="64.814"
y2="3.944"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="c" x1="7" x2="7" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="d" x1="11" x2="11" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="e" x1="15" x2="15" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="f" x1="9" x2="9" y1="64.814" y2="3.944" href="#a" />
<linearGradient
id="g"
x1="14.5"
x2="14.5"
y1="64.814"
y2="3.944"
href="#a"
/>
<linearGradient
id="h"
x1="25.5"
x2="25.5"
y1="64.814"
y2="3.944"
href="#a"
/>
<linearGradient id="i" x1="20" x2="20" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="j" x1="14" x2="14" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="k" x1="21" x2="21" y1="64.814" y2="3.944" href="#a" />
<linearGradient
id="l"
x1="21.5"
x2="21.5"
y1="64.814"
y2="3.944"
href="#a"
/>
<linearGradient id="m" x1="30" x2="30" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="n" x1="17" x2="17" y1="64.814" y2="3.944" href="#a" />
<linearGradient id="o" x1="22" x2="22" y1="64.814" y2="3.944" href="#a" />
<linearGradient
id="p"
x1="28.5"
x2="28.5"
y1="64.814"
y2="3.944"
href="#a"
/>
<linearGradient id="q" x1="27" x2="27" y1="64.814" y2="3.944" href="#a" />
<g>
<path
fill="url(#a)"
d="m61.848 42.47-5-8A1 1 0 0 0 56 34H36a1 1 0 0 0-.848.47l-5 8a1 1 0 0 0 .079 1.17l15 18a1 1 0 0 0 1.538 0l15-18a1 1 0 0 0 .079-1.17zM41.8 42l3.7-5.914L49.2 42zm7.88 2L46 57.263 42.316 44zm-1.88-8h6.4L51 41.114zm-7.3 4.314L37.8 36h5.4zM39.2 42h-6.4l3.2-5.113zm1.044 2 3.552 12.788L33.135 44zm11.52 0h7.105L48.208 56.788zm1.036-2 3.2-5.113L59.2 42z"
/>
<path
fill="url(#b)"
d="M55 2H7a5.006 5.006 0 0 0-5 5v48a5.006 5.006 0 0 0 5 5h31a1 1 0 0 0 0-2H7a3 3 0 0 1-3-3V12h54v21a1 1 0 0 0 2 0V7a5.006 5.006 0 0 0-5-5zM4 10V7a3 3 0 0 1 3-3h48a3 3 0 0 1 3 3v3z"
/>
<path fill="url(#c)" d="M6 6h2v2H6z" />
<path fill="url(#d)" d="M10 6h2v2h-2z" />
<path fill="url(#e)" d="M14 6h2v2h-2z" />
<path
fill="url(#f)"
d="M9 54a1 1 0 0 1-1-1V17a1 1 0 0 1 2 0v36a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M16 24a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 1.414L14.414 20l2.293 2.293A1 1 0 0 1 16 24z"
/>
<path
fill="url(#h)"
d="M24 24a1 1 0 0 1-.707-1.707L25.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 24 24z"
/>
<path
fill="url(#i)"
d="M19 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 19 25z"
/>
<path fill="url(#j)" d="M12 27h4v2h-4z" />
<path fill="url(#k)" d="M18 27h6v2h-6z" />
<path fill="url(#l)" d="M16 31h11v2H16z" />
<path fill="url(#m)" d="M29 31h2v2h-2z" />
<path fill="url(#n)" d="M16 35h2v2h-2z" />
<path fill="url(#o)" d="M20 35h4v2h-4z" />
<path fill="url(#p)" d="M26 35h5v2h-5z" />
<path fill="url(#j)" d="M12 39h4v2h-4z" />
<path fill="url(#k)" d="M18 39h6v2h-6z" />
<path fill="url(#i)" d="M16 43h8v2h-8z" />
<path fill="url(#q)" d="M26 43h2v2h-2z" />
<path fill="url(#l)" d="M16 47h11v2H16z" />
<path fill="url(#m)" d="M29 47h2v2h-2z" />
<path fill="url(#j)" d="M12 52h4v2h-4z" />
<path fill="url(#k)" d="M18 52h6v2h-6z" />
</g>
</svg>
More icons in the same style and category