Add icons to this collection by clicking the heart icon.
Programmable icon - also known as interface, orientation, chips, electronics, circuit board, and programmable. 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="2.989"
x2="56.11"
y1="69.937"
y2=".472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="3.802"
x2="55.867"
y1="68.874"
y2=".789"
href="#a"
/>
<linearGradient
id="c"
x1="-5.919"
x2="47.201"
y1="63.125"
y2="-6.34"
href="#a"
/>
<linearGradient
id="d"
x1="3.156"
x2="56.277"
y1="70.065"
y2=".6"
href="#a"
/>
<linearGradient
id="e"
x1="6.051"
x2="59.172"
y1="72.279"
y2="2.814"
href="#a"
/>
<linearGradient
id="f"
x1="-19.875"
x2="33.245"
y1="52.453"
y2="-17.013"
href="#a"
/>
<linearGradient
id="g"
x1="-.222"
x2="52.899"
y1="67.482"
y2="-1.983"
href="#a"
/>
<linearGradient
id="h"
x1="22.29"
x2="75.411"
y1="84.697"
y2="15.232"
href="#a"
/>
<linearGradient
id="i"
x1="20.966"
x2="74.086"
y1="83.684"
y2="14.219"
href="#a"
/>
<linearGradient
id="j"
x1="-17.723"
x2="35.398"
y1="54.099"
y2="-15.366"
href="#a"
/>
<linearGradient
id="k"
x1="-10.169"
x2="42.951"
y1="59.875"
y2="-9.59"
href="#a"
/>
<path
fill="url(#a)"
d="M61 2H3a1 1 0 0 0-1 1v58a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 18h-3.28a2 2 0 1 0 0 2H60v38H4V4h56z"
/>
<path
fill="url(#b)"
d="M47 25a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1-1v-2a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v2h-1v-2a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v2h-1v-2a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v2a1 1 0 0 0-1 1h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2v1h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2v2h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2v1h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1 1v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2h1v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2h2v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2h1v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 0 0 1-1h2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2v-1h2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2v-2h2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2v-1zm-2-3h1v1h-1zM19 42h-1v-1h1zm0-6h-1v-1h1zm0-7h-1v-1h1zm0-6h-1v-1h1zm22-5h1v1h-1zm-6 0h1v1h-1zm-7 0h1v1h-1zm-6 0h1v1h-1zm1 28h-1v-1h1zm6 0h-1v-1h1zm7 0h-1v-1h1zm6 0h-1v-1h1zm1-3H21V21h22zm3-2v1h-1v-1zm0-6v1h-1v-1zm0-7v1h-1v-1z"
/>
<circle cx="24" cy="24" r="2" fill="url(#c)" />
<path
fill="url(#d)"
d="M47 10h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h6v1h-6z"
/>
<path
fill="url(#e)"
d="M47 16h8a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h6v1h-6z"
/>
<path
fill="url(#f)"
d="M5 24a3 3 0 1 0 4-2.816V10.816a3 3 0 1 0-2 0v10.368A3 3 0 0 0 5 24zm3 1a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM8 7a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#g)"
d="M16 53a3 3 0 0 0-2.816 2h-2.649L9 52.7v-2.884a3 3 0 1 0-2 0V53a1.006 1.006 0 0 0 .168.555l2 3A1 1 0 0 0 10 57h3.184A2.995 2.995 0 1 0 16 53zm-8-7a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm8 11a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M56 53a1.993 1.993 0 0 0-1.722 1h-1.42A4 4 0 0 0 49 51h-8a4 4 0 0 0-3.858 3h-1.42a2 2 0 1 0 0 2h1.42A4 4 0 0 0 41 59h8a4 4 0 0 0 3.858-3h1.42A2 2 0 1 0 56 53zm-7 4h-8a2 2 0 0 1 0-4h8a2 2 0 0 1 0 4z"
/>
<path
fill="url(#i)"
d="M54 35.722V45h-1.278a2 2 0 1 0 0 2H55a1 1 0 0 0 1-1V35.722a2 2 0 1 0-2 0z"
/>
<path
fill="url(#j)"
d="M14 15h4a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h2v6h-2z"
/>
<path
fill="url(#k)"
d="M24 10a1.993 1.993 0 0 0 1.722-1h7.556a2 2 0 1 0 0-2h-7.556A2 2 0 1 0 24 10z"
/>
</svg>
More icons in the same style and category