Add icons to this collection by clicking the heart icon.
Programming icon - also known as interface, webpage, programming, coding, script, and seo and web. Created in a clean lineal color 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 280 280"
>
<style type="text/css">
.st0 {
fill: #91d834;
}
.st1 {
opacity: 0.25;
}
.st2 {
fill: #ffffff;
}
.st3 {
fill: #5a050a;
}
.st4 {
fill: #585d5b;
}
.st5 {
opacity: 0.15;
}
.st6 {
fill: #89889a;
}
.st7 {
fill: #ee1c2f;
}
.st8 {
opacity: 0.3;
}
.st9 {
fill: #e1e1f1;
}
.st10 {
fill: #90d542;
}
.st11 {
fill: #413e8e;
}
.st12 {
fill: #f7d803;
}
.st14 {
fill: #524959;
}
.st15 {
fill: #fea401;
}
.st16 {
fill: #fcbd2c;
}
.st17 {
fill: #fffffe;
}
.st18 {
fill: #bdc3c1;
}
.st19 {
opacity: 0.36;
}
.st20 {
fill: #01edfa;
}
.st21 {
opacity: 0.6;
}
.st23 {
opacity: 0.26;
}
.st24 {
fill: #8fcb09;
}
.st25 {
fill: #fec399;
}
.st26 {
fill: #b98a6c;
}
.st27 {
fill: #5e6c76;
}
.st28 {
fill: #55b9c0;
}
.st29 {
opacity: 0.2;
}
.st30 {
fill: #dae2eb;
}
.st31 {
fill: #f58123;
}
.st32 {
opacity: 0.5;
}
.st33 {
fill: #fbe494;
}
.st34 {
fill: #9def79;
}
.st35 {
fill: #c34d56;
}
.st36 {
fill: #d51336;
}
.st38 {
fill: #26aae0;
}
.st39 {
fill: #5dcc49;
}
.st40 {
fill: #483355;
}
.st41 {
opacity: 0.4;
}
.st42 {
fill: #6191f7;
}
.st43 {
fill: #fccacd;
}
.st44 {
fill: #70321a;
}
.st45 {
fill: #c4683d;
}
.st46 {
fill: #3dc48d;
}
.st47 {
fill: #56934f;
}
.st48 {
fill: #ea957a;
}
.st49 {
fill: #fead3e;
}
.st50 {
opacity: 0.1;
}
.st51 {
fill: #54a521;
}
.st52 {
fill: #efefef;
}
.st53 {
fill: #564d84;
}
.st54 {
fill: #73c2e5;
}
.st55 {
fill: #f97b7a;
}
.st56 {
fill: none;
}
.st57 {
opacity: 0.14;
}
.st58 {
opacity: 0.7;
}
.st59 {
fill: #bbfa7d;
}
.st60 {
fill: #dd8032;
}
.st61 {
fill: #b9502f;
}
.st62 {
fill: #c87a39;
}
.st63 {
fill: #231f20;
}
.st64 {
fill: #433758;
}
.st65 {
fill: #e64d3c;
}
.st67 {
fill: #81b4ff;
}
.st68 {
fill: #3ba9fe;
}
.st69 {
fill: #fda9f2;
}
.st70 {
fill: #03dafe;
}
.st71 {
fill: #0ccbff;
}
.st72 {
fill: #1b185e;
}
.st73 {
fill: #fe6ca8;
}
.st74 {
fill: #e79b53;
}
.st75 {
opacity: 0.16;
}
</style>
<g>
<g>
<g>
<path
class="st2"
d="M235,54.98v170.04c0,5.52-4.47,9.98-9.98,9.98H54.98c-5.51,0-9.98-4.46-9.98-9.98V54.98 c0-5.51,4.47-9.98,9.98-9.98h170.04C230.53,45,235,49.47,235,54.98z"
/>
</g>
<g class="st1">
<path
d="M235,222.72v2.3c0,5.52-4.47,9.98-9.98,9.98H54.98c-5.51,0-9.98-4.46-9.98-9.98V54.98c0-5.51,4.47-9.98,9.98-9.98h2.3 v167.74c0,5.52,4.47,9.98,9.98,9.98H235z"
/>
</g>
<g>
<g>
<path
d="M235,54.98v37.31H45V54.98c0-5.51,4.47-9.98,9.98-9.98h170.04C230.53,45,235,49.47,235,54.98z"
fill="#95ACB4"
/>
</g>
</g>
<g class="st1">
<g>
<path
class="st2"
d="M235,54.98v37.31h-8.39V63.37c0-5.51-4.47-9.98-9.98-9.98H46.59c-0.5,0-1,0.04-1.48,0.11 c0.71-4.81,4.86-8.5,9.87-8.5h170.04C230.53,45,235,49.47,235,54.98z"
/>
</g>
</g>
<g>
<g>
<path
class="st3"
d="M235,93.29H45c-0.55,0-1-0.45-1-1V54.98C44,48.93,48.93,44,54.98,44h170.04c6.05,0,10.98,4.93,10.98,10.98 v37.31C236,92.84,235.55,93.29,235,93.29z M46,91.29h188V54.98c0-4.95-4.03-8.98-8.98-8.98H54.98C50.03,46,46,50.03,46,54.98 V91.29z"
/>
</g>
</g>
<g>
<path
class="st3"
d="M225.02,236H54.98C48.93,236,44,231.07,44,225.02V54.98C44,48.93,48.93,44,54.98,44h170.04 c6.05,0,10.98,4.93,10.98,10.98v170.04C236,231.07,231.07,236,225.02,236z M54.98,46C50.03,46,46,50.03,46,54.98v170.04 c0,4.95,4.03,8.98,8.98,8.98h170.04c4.95,0,8.98-4.03,8.98-8.98V54.98c0-4.95-4.03-8.98-8.98-8.98H54.98z"
/>
</g>
<g>
<g>
<g class="st1">
<path
d="M96.14,68.97c0,4.89-3.99,8.88-8.89,8.88s-8.88-3.99-8.88-8.88c0-4.9,3.98-8.89,8.88-8.89S96.14,64.06,96.14,68.97z"
/>
</g>
<g class="st1">
<path
d="M119.06,68.97c0,4.89-3.99,8.88-8.89,8.88c-4.9,0-8.88-3.99-8.88-8.88c0-4.9,3.98-8.89,8.88-8.89 C115.07,60.08,119.06,64.06,119.06,68.97z"
/>
</g>
<g class="st1">
<path
d="M73.22,68.97c0,4.89-3.99,8.88-8.89,8.88s-8.88-3.99-8.88-8.88c0-4.9,3.98-8.89,8.88-8.89S73.22,64.06,73.22,68.97z"
/>
</g>
</g>
<g>
<g>
<g>
<circle
class="st7"
cx="62.73"
cy="67.36"
r="7.92"
/>
</g>
<g class="st1">
<path
class="st2"
d="M70.26,64.93c-0.76-0.25-1.59-0.39-2.44-0.39c-4.37,0-7.92,3.55-7.92,7.92c0,0.85,0.13,1.67,0.39,2.44 c-3.18-1.02-5.48-4.01-5.48-7.54c0-4.38,3.54-7.92,7.92-7.92C66.25,59.44,69.24,61.74,70.26,64.93z"
/>
</g>
<g>
<path
class="st3"
d="M62.73,76.29c-4.92,0-8.92-4-8.92-8.92s4-8.92,8.92-8.92s8.92,4,8.92,8.92S67.65,76.29,62.73,76.29z M62.73,60.44c-3.82,0-6.92,3.11-6.92,6.92s3.1,6.92,6.92,6.92s6.92-3.11,6.92-6.92S66.55,60.44,62.73,60.44z"
/>
</g>
</g>
<g>
<g>
<circle
class="st10"
cx="85.65"
cy="67.36"
r="7.92"
/>
</g>
<g class="st1">
<path
class="st2"
d="M93.19,64.93c-0.76-0.25-1.59-0.39-2.44-0.39c-4.37,0-7.92,3.55-7.92,7.92c0,0.85,0.13,1.67,0.39,2.44 c-3.18-1.02-5.48-4.01-5.48-7.54c0-4.38,3.54-7.92,7.92-7.92C89.18,59.44,92.16,61.74,93.19,64.93z"
/>
</g>
<g>
<path
class="st3"
d="M85.65,76.29c-4.92,0-8.92-4-8.92-8.92s4-8.92,8.92-8.92s8.92,4,8.92,8.92S90.57,76.29,85.65,76.29z M85.65,60.44c-3.82,0-6.92,3.11-6.92,6.92s3.1,6.92,6.92,6.92s6.92-3.11,6.92-6.92S89.47,60.44,85.65,60.44z"
/>
</g>
</g>
<g>
<g>
<circle
cx="108.57"
cy="67.36"
r="7.92"
fill="#FECE00"
/>
</g>
<g class="st1">
<path
class="st2"
d="M116.11,64.93c-0.76-0.25-1.59-0.39-2.44-0.39c-4.37,0-7.92,3.55-7.92,7.92c0,0.85,0.13,1.67,0.39,2.44 c-3.18-1.02-5.48-4.01-5.48-7.54c0-4.38,3.54-7.92,7.92-7.92C112.1,59.44,115.08,61.74,116.11,64.93z"
/>
</g>
<g>
<path
class="st3"
d="M108.57,76.29c-4.92,0-8.92-4-8.92-8.92s4-8.92,8.92-8.92s8.92,4,8.92,8.92S113.49,76.29,108.57,76.29z M108.57,60.44c-3.82,0-6.92,3.11-6.92,6.92s3.1,6.92,6.92,6.92s6.92-3.11,6.92-6.92S112.39,60.44,108.57,60.44z"
/>
</g>
</g>
</g>
<g>
<path
d="M225.19,67.36c0,1.91-0.77,3.64-2.03,4.89c-1.25,1.25-2.98,2.03-4.89,2.03h-86.32 c-3.83,0-6.92-3.1-6.92-6.92c0-1.91,0.77-3.64,2.02-4.89c1.25-1.25,2.99-2.03,4.9-2.03h86.32 C222.09,60.44,225.19,63.54,225.19,67.36z"
fill="#63546E"
/>
</g>
<g class="st1">
<path
d="M225.19,67.36c0,1.91-0.77,3.64-2.03,4.89c-1.25,1.25-2.98,2.03-4.89,2.03h-86.32c-2.85,0-5.28-1.71-6.35-4.16 c0.84,0.36,1.78,0.56,2.75,0.56h86.32c1.91,0,3.64-0.78,4.89-2.03c1.26-1.25,2.03-2.98,2.03-4.89c0-0.98-0.2-1.91-0.57-2.75 C223.47,62.08,225.19,64.52,225.19,67.36z"
/>
</g>
<g>
<path
class="st3"
d="M218.27,75.28h-86.32c-4.37,0-7.92-3.55-7.92-7.92c0-2.12,0.82-4.11,2.31-5.6c1.5-1.5,3.49-2.32,5.61-2.32 h86.32c4.37,0,7.92,3.55,7.92,7.92c0,2.12-0.83,4.11-2.33,5.6C222.37,74.46,220.39,75.28,218.27,75.28z M131.95,61.44 c-1.58,0-3.07,0.62-4.19,1.74c-1.11,1.11-1.73,2.6-1.73,4.18c0,3.26,2.66,5.92,5.92,5.92h86.32c1.58,0,3.06-0.62,4.18-1.74 c1.12-1.11,1.74-2.6,1.74-4.18c0-3.26-2.66-5.92-5.92-5.92H131.95z"
/>
</g>
</g>
<g>
<g>
<g>
<path
class="st3"
d="M172.56,200.14c-0.23,0-0.47-0.08-0.66-0.25l-13.71-11.97c-0.22-0.19-0.34-0.46-0.34-0.75 s0.13-0.56,0.34-0.75l13.71-11.97c0.42-0.36,1.05-0.32,1.41,0.1c0.36,0.42,0.32,1.05-0.1,1.41l-12.85,11.22l12.85,11.22 c0.42,0.36,0.46,0.99,0.1,1.41C173.12,200.03,172.84,200.14,172.56,200.14z"
/>
</g>
<g>
<path
class="st3"
d="M194.13,200.14c-0.28,0-0.56-0.12-0.75-0.34c-0.36-0.42-0.32-1.05,0.1-1.41l12.85-11.22l-12.85-11.22 c-0.42-0.36-0.46-0.99-0.1-1.41c0.36-0.42,1-0.46,1.41-0.1l13.71,11.97c0.22,0.19,0.34,0.46,0.34,0.75s-0.13,0.56-0.34,0.75 l-13.71,11.97C194.6,200.06,194.36,200.14,194.13,200.14z"
/>
</g>
</g>
<g>
<path
class="st3"
d="M178.08,203.74c-0.11,0-0.21-0.02-0.32-0.05c-0.52-0.18-0.8-0.75-0.63-1.27l10.54-31.13 c0.18-0.52,0.75-0.8,1.27-0.63c0.52,0.18,0.8,0.75,0.63,1.27l-10.54,31.13C178.88,203.47,178.49,203.74,178.08,203.74z"
/>
</g>
</g>
<g>
<g>
<polygon
class="st10"
points="217.1,144.91 217.1,101.57 62.9,101.57 62.9,144.91 81.2,144.91 81.2,165 101.29,144.91"
/>
</g>
<g class="st1">
<polygon
class="st2"
points="217.1,101.57 217.1,105.75 67.07,105.75 67.07,144.91 62.9,144.91 62.9,101.57"
/>
</g>
<g class="st5">
<g>
<g>
<path
class="st2"
d="M189.8,111.46H136.1c-1.25,0-2.26-1.02-2.26-2.27s1.01-2.27,2.26-2.27h53.69c1.25,0,2.26,1.02,2.26,2.27 S191.04,111.46,189.8,111.46z"
/>
</g>
</g>
<g>
<g>
<path
class="st2"
d="M189.8,120.82h-43.42c-1.25,0-2.26-1.02-2.26-2.27s1.01-2.27,2.26-2.27h43.42c1.25,0,2.26,1.02,2.26,2.27 S191.04,120.82,189.8,120.82z"
/>
</g>
</g>
<g>
<g>
<path
class="st2"
d="M138.8,120.82h-38.9c-1.25,0-2.26-1.02-2.26-2.27s1.01-2.27,2.26-2.27h38.9c1.25,0,2.26,1.02,2.26,2.27 S140.05,120.82,138.8,120.82z"
/>
</g>
</g>
<g>
<g>
<path
class="st2"
d="M189.8,130.19h-35.05c-1.25,0-2.26-1.02-2.26-2.27s1.01-2.27,2.26-2.27h35.05c1.25,0,2.26,1.02,2.26,2.27 S191.04,130.19,189.8,130.19z"
/>
</g>
</g>
<g>
<g>
<path
class="st2"
d="M145.4,130.19H93.07c-1.25,0-2.26-1.02-2.26-2.27s1.01-2.27,2.26-2.27h52.33c1.25,0,2.26,1.02,2.26,2.27 S146.65,130.19,145.4,130.19z"
/>
</g>
</g>
<g>
<g>
<path
class="st2"
d="M152.48,139.56H90.21c-1.25,0-2.26-1.02-2.26-2.27c0-1.25,1.01-2.27,2.26-2.27h62.27 c1.25,0,2.26,1.02,2.26,2.27C154.74,138.54,153.73,139.56,152.48,139.56z"
/>
</g>
</g>
</g>
</g>
<g>
<path
class="st3"
d="M81.2,166c-0.13,0-0.26-0.02-0.38-0.08c-0.37-0.15-0.62-0.52-0.62-0.92v-19.09H62.9c-0.55,0-1-0.45-1-1 v-43.34c0-0.55,0.45-1,1-1h154.2c0.55,0,1,0.45,1,1v43.34c0,0.55-0.45,1-1,1H101.7l-19.8,19.8C81.72,165.9,81.46,166,81.2,166z M63.9,143.91h17.3c0.55,0,1,0.45,1,1v17.68l18.38-18.38c0.19-0.19,0.44-0.29,0.71-0.29H216.1v-41.34H63.9V143.91z"
/>
</g>
<g>
<g>
<g>
<rect
x="62.67"
y="170.07"
width="34.2"
height="34.2"
fill="#FA7494"
/>
</g>
<g class="st5">
<polygon
points="96.87,197.33 96.87,204.27 62.67,204.27 62.67,170.07 69.62,170.07 69.62,197.33"
/>
</g>
<g>
<path
class="st3"
d="M96.88,205.27h-34.2c-0.55,0-1-0.45-1-1v-34.2c0-0.55,0.45-1,1-1h34.2c0.55,0,1,0.45,1,1v34.2 C97.88,204.82,97.43,205.27,96.88,205.27z M63.67,203.27h32.2v-32.2h-32.2V203.27z"
/>
</g>
<g>
<path
class="st3"
d="M96.07,204.46c-0.26,0-0.51-0.1-0.71-0.29l-33.4-33.4c-0.39-0.39-0.39-1.02,0-1.41s1.02-0.39,1.41,0 l33.4,33.4c0.39,0.39,0.39,1.02,0,1.41C96.58,204.37,96.33,204.46,96.07,204.46z"
/>
</g>
<g>
<path
class="st3"
d="M62.67,204.46c-0.26,0-0.51-0.1-0.71-0.29c-0.39-0.39-0.39-1.02,0-1.41l33.4-33.4 c0.39-0.39,1.02-0.39,1.41,0s0.39,1.02,0,1.41l-33.4,33.4C63.19,204.37,62.93,204.46,62.67,204.46z"
/>
</g>
</g>
<g>
<g>
<rect
x="113.03"
y="170.07"
class="st7"
width="34.2"
height="34.2"
/>
</g>
<g class="st5">
<polygon
points="147.23,197.33 147.23,204.27 113.03,204.27 113.03,170.07 119.97,170.07 119.97,197.33"
/>
</g>
<g>
<path
class="st3"
d="M147.23,205.27h-34.2c-0.55,0-1-0.45-1-1v-34.2c0-0.55,0.45-1,1-1h34.2c0.55,0,1,0.45,1,1v34.2 C148.23,204.82,147.79,205.27,147.23,205.27z M114.03,203.27h32.2v-32.2h-32.2V203.27z"
/>
</g>
<g>
<path
class="st3"
d="M146.43,204.46c-0.26,0-0.51-0.1-0.71-0.29l-33.4-33.4c-0.39-0.39-0.39-1.02,0-1.41s1.02-0.39,1.41,0 l33.4,33.4c0.39,0.39,0.39,1.02,0,1.41C146.94,204.37,146.68,204.46,146.43,204.46z"
/>
</g>
<g>
<path
class="st3"
d="M113.03,204.46c-0.26,0-0.51-0.1-0.71-0.29c-0.39-0.39-0.39-1.02,0-1.41l33.4-33.4 c0.39-0.39,1.02-0.39,1.41,0s0.39,1.02,0,1.41l-33.4,33.4C113.54,204.37,113.29,204.46,113.03,204.46z"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category