Add icons to this collection by clicking the heart icon.
Programming icon - also known as keyboard, gear, code, cogwheel, editor, program, ui, programming, coding, seo and web, and business and finance. Created in a clean lineal 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="496pt"
height="496pt"
viewBox="0 -4 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="46.384"
x2="544.128"
y1="541.12"
y2="43.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="96.632"
x2="594.376"
y1="591.368"
y2="93.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-63.368"
x2="434.376"
y1="431.368"
y2="-66.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-31.368"
x2="466.376"
y1="463.368"
y2="-34.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1=".632"
x2="498.376"
y1="495.368"
y2="-2.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="32.632"
x2="530.376"
y1="527.368"
y2="29.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="64.632"
x2="562.376"
y1="559.368"
y2="61.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="128.632"
x2="626.376"
y1="623.368"
y2="125.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="160.632"
x2="658.376"
y1="655.368"
y2="157.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="168.632"
x2="666.376"
y1="663.368"
y2="165.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="198.632"
x2="696.376"
y1="693.368"
y2="195.624"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M488 256H64v-64h40a8 8 0 0 0 8-8v-48h16v8a8 8 0 0 0 8 8h25.938a85.678 85.678 0 0 0 4.414 10.68L148 181.016a7.997 7.997 0 0 0 0 11.312L175.672 220a8.252 8.252 0 0 0 11.32 0l18.328-18.336A85.88 85.88 0 0 0 216 206.07V232a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-25.93a86.32 86.32 0 0 0 10.68-4.422L309.008 220c1.5 1.504 3.535 2.348 5.66 2.348s4.16-.844 5.66-2.348L348 192.328a7.997 7.997 0 0 0 0-11.312l-18.336-18.336a85.001 85.001 0 0 0 4.399-10.68H360a8 8 0 0 0 8-8V96a8 8 0 0 0-8-8h-25.938a85.678 85.678 0 0 0-4.414-10.68L348 58.984a7.997 7.997 0 0 0 0-11.312L320.328 20a8.252 8.252 0 0 0-11.32 0L290.68 38.352A86.32 86.32 0 0 0 280 33.93V8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v25.93a86.32 86.32 0 0 0-10.68 4.422L186.992 20c-1.5-1.504-3.535-2.348-5.66-2.348s-4.16.844-5.66 2.348L148 47.672a7.997 7.997 0 0 0 0 11.312l18.336 18.336A85.001 85.001 0 0 0 161.937 88H136a8 8 0 0 0-8 8v24h-24a8 8 0 0 0-8 8v48H56a8 8 0 0 0-8 8v72H8a8 8 0 0 0-8 8v216a8 8 0 0 0 8 8h480a8 8 0 0 0 8-8V264a8 8 0 0 0-8-8zM144 104h23.895a8.003 8.003 0 0 0 7.753-6.008 69.565 69.565 0 0 1 7.465-18.039 8.008 8.008 0 0 0-1.234-9.73l-16.887-16.895 16.344-16.344 16.887 16.895a8.008 8.008 0 0 0 9.73 1.234A69.481 69.481 0 0 1 226 47.648a8 8 0 0 0 6-7.753V16h32v23.895a8 8 0 0 0 6 7.753 69.481 69.481 0 0 1 18.047 7.465 8.008 8.008 0 0 0 9.73-1.234l16.887-16.895 16.344 16.344-16.887 16.895a8.008 8.008 0 0 0-1.234 9.73 69.565 69.565 0 0 1 7.465 18.04 8.003 8.003 0 0 0 7.753 6.007H352v32h-23.895a8.003 8.003 0 0 0-7.753 6.008 69.565 69.565 0 0 1-7.465 18.039 8.008 8.008 0 0 0 1.234 9.73l16.887 16.895-16.344 16.344-16.887-16.895a8.008 8.008 0 0 0-9.73-1.234A69.481 69.481 0 0 1 270 192.352a8 8 0 0 0-6 7.753V224h-32v-23.895a8 8 0 0 0-6-7.753 69.481 69.481 0 0 1-18.047-7.465 8.008 8.008 0 0 0-9.73 1.234l-16.887 16.895-16.344-16.344 16.887-16.895a8.008 8.008 0 0 0 1.234-9.73 69.565 69.565 0 0 1-7.465-18.04 8.003 8.003 0 0 0-7.753-6.007H144zm336 368H16V272h464zm0 0"
/>
<path
fill="url(#c)"
d="M160 464h176a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h160v16H168zm0 0"
/>
<path
fill="url(#d)"
d="M32 296v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8zm16 8h16v16H48zm0 0"
/>
<path
fill="url(#e)"
d="M104 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM72 352H40a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H48v-16h16zm0 0"
/>
<path
fill="url(#f)"
d="M104 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM168 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#g)"
d="M232 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM168 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#h)"
d="M232 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM296 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#c)"
d="M360 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM296 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#i)"
d="M360 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM424 336h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#j)"
d="M424 400h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#d)"
d="M248 160c22.09 0 40-17.91 40-40s-17.91-40-40-40-40 17.91-40 40c.027 22.082 17.918 39.973 40 40zm0-64c13.254 0 24 10.746 24 24s-10.746 24-24 24-24-10.746-24-24 10.746-24 24-24zm0 0"
/>
<path
fill="url(#k)"
d="M360 448h64a8 8 0 0 0 0-16h-64a8 8 0 0 0 0 16zm0 0"
/>
<path fill="url(#l)" d="M456 432h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16zm0 0" />
</svg>
More icons in the same style and category