Add icons to this collection by clicking the heart icon.
Programming icon - also known as computer, monitor, command, code, error, software, programming, coding, function, 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="51"
x2="51"
y1="63.408"
y2=".148"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="33" x2="33" y1="63.408" y2=".148" href="#a" />
<linearGradient id="c" x1="50" x2="50" y1="63.408" y2=".148" href="#a" />
<linearGradient
id="d"
x1="14.354"
x2="14.354"
y1="63.408"
y2=".148"
href="#a"
/>
<linearGradient
id="e"
x1="25.646"
x2="25.646"
y1="63.408"
y2=".148"
href="#a"
/>
<linearGradient
id="f"
x1="20"
x2="20"
y1="63.408"
y2=".148"
gradientTransform="rotate(75.94 20.001 20.008)"
href="#a"
/>
<linearGradient id="g" x1="35" x2="35" y1="63.408" y2=".148" href="#a" />
<linearGradient id="h" x1="31" x2="31" y1="63.408" y2=".148" href="#a" />
<linearGradient id="i" x1="34" x2="34" y1="63.408" y2=".148" href="#a" />
<linearGradient id="j" x1="23" x2="23" y1="63.408" y2=".148" href="#a" />
<linearGradient id="k" x1="17" x2="17" y1="63.408" y2=".148" href="#a" />
<linearGradient id="l" x1="28" x2="28" y1="63.408" y2=".148" href="#a" />
<path fill="url(#a)" d="M50 42h2v2h-2z" />
<path
fill="url(#b)"
d="M62 14a11.983 11.983 0 0 0-20.919-8H6a2 2 0 0 0-2 2v38a2 2 0 0 0 2 2h17.867l-.75 6H19a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-4.117l-.75-6H58a2 2 0 0 0 2-2V20.619A11.928 11.928 0 0 0 62 14zM50 4a10 10 0 1 1-10 10A10.011 10.011 0 0 1 50 4zM38.7 18H34v2h5.624A11.927 11.927 0 0 0 54 25.3V38H10V12h28.181a11.561 11.561 0 0 0 .519 6zM45 60H19v-4h26zm-6.133-6H25.133l.75-6h12.234zM6 46V8h33.624a11.868 11.868 0 0 0-.924 2H10a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h44a2 2 0 0 0 2-2V24.376a12.013 12.013 0 0 0 2-1.457V46z"
/>
<path
fill="url(#c)"
d="m45.758 14-1.422 1.421a3 3 0 0 0 .015 4.243 3.06 3.06 0 0 0 4.228 0L50 18.243l1.421 1.422a3 3 0 0 0 4.243-4.244L54.242 14l1.422-1.421a3 3 0 0 0-.015-4.243 3.062 3.062 0 0 0-4.228 0L50 9.757l-1.421-1.422a3.055 3.055 0 0 0-4.243.015 2.994 2.994 0 0 0 0 4.229zm.007-4.25a1.015 1.015 0 0 1 1.4 0l2.128 2.128a1.029 1.029 0 0 0 1.414 0l2.128-2.128a1.006 1.006 0 0 1 1.415.014.992.992 0 0 1 0 1.4l-2.129 2.128a1 1 0 0 0 0 1.414l2.129 2.128a1 1 0 0 1-.015 1.415 1.015 1.015 0 0 1-1.4 0l-2.128-2.128a1 1 0 0 0-1.414 0l-2.128 2.129a1.006 1.006 0 0 1-1.415-.014.992.992 0 0 1 0-1.4l2.129-2.128a1 1 0 0 0 0-1.414l-2.129-2.129a1 1 0 0 1 .015-1.415z"
/>
<path
fill="url(#d)"
d="m14.414 20 2.293-2.293-1.414-1.414-3 3a1 1 0 0 0 0 1.414l3 3 1.414-1.414z"
/>
<path
fill="url(#e)"
d="m24.707 23.707 3-3a1 1 0 0 0 0-1.414l-3-3-1.414 1.414L25.586 20l-2.293 2.293z"
/>
<path
fill="url(#f)"
d="M15.877 19h8.246v2h-8.246z"
transform="rotate(-75.94 20.008 20.001)"
/>
<path fill="url(#g)" d="M30 22h10v2H30z" />
<path fill="url(#h)" d="M30 18h2v2h-2z" />
<path fill="url(#i)" d="M28 26h12v2H28z" />
<path fill="url(#j)" d="M20 26h6v2h-6z" />
<path fill="url(#k)" d="M16 26h2v2h-2z" />
<path fill="url(#j)" d="M16 30h14v2H16z" />
<path fill="url(#i)" d="M32 30h4v2h-4z" />
<path fill="url(#l)" d="M16 34h24v2H16z" />
</svg>
More icons in the same style and category