Add icons to this collection by clicking the heart icon.
Interface icon - also known as computer, interface, brackets, development, developer, programing, language, and seo and web. Created in a clean flat style with a white, silver, teal, navy, purple, and orange finish, 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"
>
<path fill="#00325a" d="M48 9v5H8V9c0-.55.45-1 1-1h38c.55 0 1 .45 1 1z" />
<path fill="#f0f0f0" d="M48 14v33c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1V14z" />
<path
fill="#d2d2d2"
d="M48 39.06V47c0 .55-.45 1-1 1h-9a9 9 0 0 1 9-9c.34 0 .67.02 1 .06z"
/>
<circle cx="45" cy="11" r="1" fill="#c80a50" />
<circle cx="41" cy="11" r="1" fill="#01a0c8" />
<circle cx="37" cy="11" r="1" fill="#fab400" />
<path
fill="#f0f0f0"
d="M10 11a1 1 0 0 0 1 1h14a1 1 0 0 0 0-2H11a1 1 0 0 0-1 1z"
/>
<path
fill="#00a0c8"
d="M45 28H11a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM45 34H27a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1zM23 46H11a1 1 0 0 1-1-1V31a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zM46 37v8c0 .536-.444 1-1 1H27c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1h18c.55 0 1 .45 1 1z"
/>
<path
fill="#0082aa"
d="M46 39.06V45c0 .536-.444 1-1 1h-6.77c.3-1.34.91-2.57 1.74-3.61l-.68-.68c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l.68.68A8.964 8.964 0 0 1 46 39.06z"
/>
<path
fill="#fab400"
d="M47 38a8.96 8.96 0 0 0-5.614 1.972l-.679-.679a.999.999 0 1 0-1.414 1.414l.679.679A8.96 8.96 0 0 0 38 47c0 4.971 4.029 9 9 9s9-4.029 9-9-4.029-9-9-9z"
/>
<path
fill="#dc9600"
d="M43.401 52a.998.998 0 0 1-.782-.375l-2.4-3a1.001 1.001 0 0 1 0-1.25l2.4-3a1 1 0 0 1 1.562 1.25L42.28 48l1.901 2.375a1.002 1.002 0 0 1-.78 1.625zM50.599 52a1 1 0 0 1-.78-1.625L51.72 48l-1.901-2.375a1 1 0 0 1 1.562-1.25l2.4 3c.292.366.292.884 0 1.25l-2.4 3a.998.998 0 0 1-.782.375zM46.551 52a1 1 0 0 1-.99-1.148l.9-6a.995.995 0 0 1 1.138-.84 1 1 0 0 1 .841 1.137l-.9 6a1.003 1.003 0 0 1-.989.851z"
/>
<path
fill="#00325a"
d="M43.401 51a.998.998 0 0 1-.782-.375l-2.4-3a1.001 1.001 0 0 1 0-1.25l2.4-3a1 1 0 0 1 1.562 1.25L42.28 47l1.901 2.375a1.002 1.002 0 0 1-.78 1.625zM50.599 51a1 1 0 0 1-.78-1.625L51.72 47l-1.901-2.375a1 1 0 0 1 1.562-1.25l2.4 3c.292.366.292.884 0 1.25l-2.4 3a.998.998 0 0 1-.782.375zM46.551 51a1 1 0 0 1-.99-1.148l.9-6a1 1 0 0 1 1.979.297l-.9 6a1.003 1.003 0 0 1-.989.851z"
/>
<path
fill="#00a0c8"
d="M41 16h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zM33 16h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zM25 16h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zM11 16h8a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2z"
/>
</svg>
More icons in the same style and category