Add icons to this collection by clicking the heart icon.
Coding icon - also known as interface, website, code, light bulb, ui, 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="481pt"
height="481pt"
viewBox="0 0 481.781 481"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="67.512"
x2="67.512"
y1="-23.641"
y2="492.111"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="156.488"
x2="156.488"
y1="-25.225"
y2="490.527"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="111.997"
x2="111.997"
y1="-25.703"
y2="493.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="112"
x2="112"
y1="-19.769"
y2="482.375"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="224"
x2="224"
y1="-22.177"
y2="484.671"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="360"
x2="360"
y1="-27.593"
y2="482.783"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="419.999"
x2="419.999"
y1="-31.188"
y2="485.22"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="463.925"
x2="463.925"
y1="-35.509"
y2="487.515"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="256.074"
x2="256.074"
y1="-23.963"
y2="484.717"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="299.998"
x2="299.998"
y1="-28.122"
y2="486.974"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="48"
x2="48"
y1="-12.113"
y2="482.791"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="136"
x2="136"
y1="10.167"
y2="459.671"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="216"
x2="216"
y1="-23.753"
y2="481.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="288"
x2="288"
y1="-12.377"
y2="445.527"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="216"
x2="216"
y1="-23.097"
y2="482.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="288"
x2="288"
y1="-8.793"
y2="449.119"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="112"
x2="112"
y1="31.359"
y2="457.415"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="88"
x2="88"
y1="23.383"
y2="472.887"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="176"
x2="176"
y1="-10.825"
y2="484.087"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="88"
x2="88"
y1="35.711"
y2="485.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="176"
x2="176"
y1="-6.945"
y2="487.967"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="112"
x2="112"
y1="48.055"
y2="474.111"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m74.344 180.68 11.312-11.313-16.969-16.976 16.97-16.977-11.313-11.312-22.625 22.632a8.004 8.004 0 0 0 0 11.313zm0 0"
/>
<path
fill="url(#c)"
d="m155.313 152.39-16.97 16.977 11.313 11.313 22.625-22.633a8.004 8.004 0 0 0 0-11.313l-22.625-22.632-11.312 11.312zm0 0"
/>
<path fill="url(#d)" d="m85.066 183.027 40-69.28 13.86 8-40 69.28zm0 0" />
<path
fill="url(#e)"
d="M192 104.39a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8zm-16 88H48v-80h128zm0 0"
/>
<path
fill="url(#f)"
d="M448 288.39c.016-43.285-31.445-80.152-74.195-86.94-42.746-6.79-84.086 18.51-97.485 59.671-13.394 41.156 5.125 85.945 43.68 105.621v65.649h-24a8 8 0 0 0-8 8v24H24a8 8 0 0 1-8-8v-376h336v56h16v-112c0-13.254-10.746-24-24-24H24c-13.254 0-24 10.746-24 24v432c0 13.254 10.746 24 24 24h400a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-24v-65.649c29.45-15.027 47.988-45.293 48-78.351zm-424-272h320a8 8 0 0 1 8 8v40H16v-40a8 8 0 0 1 8-8zm392 448H304v-16h112zm-48-32v-128h24v-16h-64v16h24v128h-16v-70.702a7.996 7.996 0 0 0-4.8-7.329c-31.247-13.64-48.645-47.324-41.68-80.699 6.964-33.375 36.386-57.289 70.48-57.289s63.516 23.914 70.48 57.29c6.965 33.374-10.433 67.058-41.68 80.698a7.996 7.996 0 0 0-4.8 7.329v70.703zm0 0"
/>
<path fill="url(#g)" d="M352 152.39h16v32h-16zm0 0" />
<path
fill="url(#h)"
d="m405.066 194.328 16-27.715 13.856 8-15.996 27.711zm0 0"
/>
<path
fill="url(#i)"
d="m446.07 229.46 27.711-16 8 13.856-27.71 16.004zm0 0"
/>
<path
fill="url(#j)"
d="m238.215 227.324 8-13.855 27.715 15.996-8 13.86zm0 0"
/>
<path
fill="url(#k)"
d="m285.066 174.602 13.86-8 15.996 27.714-13.856 8zm0 0"
/>
<path fill="url(#l)" d="M32 240.39h32v16H32zm0 0" />
<path fill="url(#m)" d="M80 240.39h112v16H80zm0 0" />
<path fill="url(#n)" d="M208 104.39h16v16h-16zm0 0" />
<path fill="url(#o)" d="M240 104.39h96v16h-96zm0 0" />
<path fill="url(#p)" d="M208 136.39h16v16h-16zm0 0" />
<path fill="url(#q)" d="M240 136.39h96v16h-96zm0 0" />
<path fill="url(#r)" d="M32 288.39h160v16H32zm0 0" />
<path fill="url(#s)" d="M32 336.39h112v16H32zm0 0" />
<path fill="url(#t)" d="M160 336.39h32v16h-32zm0 0" />
<path fill="url(#u)" d="M32 432.39h112v16H32zm0 0" />
<path fill="url(#v)" d="M160 432.39h32v16h-32zm0 0" />
<path fill="url(#w)" d="M32 384.39h160v16H32zm0 0" />
</svg>
More icons in the same style and category