Add icons to this collection by clicking the heart icon.
Programming icon - also known as computer, monitor, pass, tick, command, done, code, 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="64.685"
y2="-2.426"
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="50.112"
x2="50.112"
y1="64.685"
y2="-2.426"
href="#a"
/>
<linearGradient id="c" x1="33" x2="33" y1="64.685" y2="-2.426" href="#a" />
<linearGradient
id="d"
x1="14.354"
x2="14.354"
y1="64.685"
y2="-2.426"
href="#a"
/>
<linearGradient
id="e"
x1="25.646"
x2="25.646"
y1="64.685"
y2="-2.426"
href="#a"
/>
<linearGradient
id="f"
x1="20"
x2="20"
y1="64.685"
y2="-2.426"
gradientTransform="rotate(75.94 20.001 20.008)"
href="#a"
/>
<linearGradient id="g" x1="35" x2="35" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="h" x1="31" x2="31" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="i" x1="34" x2="34" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="j" x1="23" x2="23" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="k" x1="17" x2="17" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="l" x1="39" x2="39" y1="64.685" y2="-2.426" href="#a" />
<linearGradient id="m" x1="28" x2="28" y1="64.685" y2="-2.426" href="#a" />
<path fill="url(#a)" d="M50 42h2v2h-2z" />
<path
fill="url(#b)"
d="m43.386 17.286 2.843 2.843a3 3 0 0 0 4.229 0l6.377-6.378a2.989 2.989 0 0 0-.014-4.242 3.06 3.06 0 0 0-4.228 0l-4.25 4.249-.714-.714a3 3 0 0 0-4.243 4.243zm1.428-2.828a.989.989 0 0 1 1.4 0l1.421 1.42a1 1 0 0 0 1.414 0l4.957-4.956a1 1 0 0 1 1.414.015.989.989 0 0 1 0 1.4l-6.378 6.378a.99.99 0 0 1-1.4 0L44.8 15.872a1 1 0 0 1 .014-1.414z"
/>
<path
fill="url(#c)"
d="M50 2a11.962 11.962 0 0 0-8.92 4H6a2.006 2.006 0 0 0-2 2v38a2.006 2.006 0 0 0 2 2h17.87l-.75 6H19a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2h26a2.006 2.006 0 0 0 2-2v-4a2.006 2.006 0 0 0-2-2h-4.12l-.75-6H58a2.006 2.006 0 0 0 2-2V20.62A11.99 11.99 0 0 0 50 2zm-5 54v4H19v-4zm-19.87-2 .75-6h12.24l.75 6zM58 46H6V8h33.62a12.529 12.529 0 0 0-.92 2H10a2.006 2.006 0 0 0-2 2v26a2.006 2.006 0 0 0 2 2h44a2.006 2.006 0 0 0 2-2V24.38a12.065 12.065 0 0 0 2-1.46zM38.7 18H34v2h5.62A11.932 11.932 0 0 0 54 25.3V38H10V12h28.18a11.583 11.583 0 0 0 .52 6zM50 24a10 10 0 1 1 10-10 10.016 10.016 0 0 1-10 10z"
/>
<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="M38 30h2v2h-2z" />
<path fill="url(#m)" d="M16 34h24v2H16z" />
</svg>
More icons in the same style and category