Add icons to this collection by clicking the heart icon.
User Interface icon - also known as computer, interface, management, database, information management, dataset, and user interface. Created in a clean lineal color style with a silver, yellow, teal, 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"
>
<g>
<path
fill="#00e7f0"
d="M57 39V27c0-1.1-2.24-2-5-2s-5 .9-5 2v12c0 1.1 2.24 2 5 2s5-.9 5-2zm-40 0V27c0-1.1-2.24-2-5-2s-5 .9-5 2v12c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<path
fill="#00e7f0"
d="M61 17v28H3V17a2.006 2.006 0 0 1 2-2h54a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#00b6bd"
d="M61 17v28h-2V17a2.006 2.006 0 0 0-2-2h2a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#ffde55"
d="M57 35v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<path
fill="#ffde55"
d="M57 31v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<path
fill="#ffde55"
d="M57 27v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<g fill="#ebbf00">
<path
d="M57 35v4c0 1.1-2.24 2-5 2-.34 0-.67-.01-.99-.04 2.27-.19 3.99-1 3.99-1.96v-2.4c1.21-.37 2-.95 2-1.6z"
/>
<path d="M57 31v4c0 .65-.79 1.23-2 1.6v-4c1.21-.37 2-.95 2-1.6z" />
<path d="M57 27v4c0 .65-.79 1.23-2 1.6v-4c1.21-.37 2-.95 2-1.6z" />
<ellipse cx="52" cy="27" rx="5" ry="2" />
</g>
<path
fill="#cca400"
d="M57 27c0 1.1-2.24 2-5 2-.34 0-.67-.01-.99-.04 2.27-.19 3.99-1 3.99-1.96s-1.72-1.77-3.99-1.96c.32-.03.65-.04.99-.04 2.76 0 5 .9 5 2z"
/>
<path fill="#57a4ff" d="M44 61H20l3-4h18z" />
<path
fill="#ffde55"
d="M41 18v6c0 1.66-4.03 3-9 3s-9-1.34-9-3v-6c0 1.66 4.03 3 9 3s9-1.34 9-3z"
/>
<path
fill="#ffde55"
d="M41 15v3c0 1.66-4.03 3-9 3s-9-1.34-9-3v-6c0 1.66 4.03 3 9 3s9-1.34 9-3z"
/>
<path
fill="#ffde55"
d="M41 6v6c0 1.66-4.03 3-9 3s-9-1.34-9-3V6c0 1.66 4.03 3 9 3s9-1.34 9-3z"
/>
<path
fill="#ebbf00"
d="M41 18v6c0 1.66-4.03 3-9 3-.34 0-.67-.01-1-.02 4.5-.16 8-1.43 8-2.98v-4.12c1.25-.51 2-1.17 2-1.88z"
/>
<path
fill="#ebbf00"
d="M41 12v6c0 .71-.75 1.37-2 1.88v-6c1.25-.51 2-1.17 2-1.88z"
/>
<path
fill="#ebbf00"
d="M41 6v6c0 .71-.75 1.37-2 1.88v-6c1.25-.51 2-1.17 2-1.88z"
/>
<path fill="#c6c5ca" d="M39 57H25l1-6h12z" />
<path fill="#acabb1" d="M39 57h-2l-1-6h2z" />
<ellipse cx="32" cy="6" fill="#ebbf00" rx="9" ry="3" />
<path
fill="#cca400"
d="M41 6c0 1.66-4.03 3-9 3-.34 0-.67-.01-1-.02 4.5-.16 8-1.43 8-2.98s-3.5-2.82-8-2.98c.33-.01.66-.02 1-.02 4.97 0 9 1.34 9 3z"
/>
<path
fill="#57a4ff"
d="M61 45v4a2.006 2.006 0 0 1-2 2H5a2.006 2.006 0 0 1-2-2v-4z"
/>
<path
fill="#2488ff"
d="M44 61h-2l-3-4h2zM61 45v4a2.006 2.006 0 0 1-2 2h-2a2.006 2.006 0 0 0 2-2v-4z"
/>
<path
fill="#ffde55"
d="M17 35v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<path
fill="#ffde55"
d="M17 31v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<path
fill="#ffde55"
d="M17 27v4c0 1.1-2.24 2-5 2s-5-.9-5-2v-4c0 1.1 2.24 2 5 2s5-.9 5-2z"
/>
<ellipse cx="12" cy="27" fill="#ebbf00" rx="5" ry="2" />
<path
fill="#ebbf00"
d="M17 35v4c0 1.1-2.24 2-5 2-.34 0-.67-.01-.99-.04 2.27-.19 3.99-1 3.99-1.96v-2.4c1.21-.37 2-.95 2-1.6z"
/>
<path
fill="#ebbf00"
d="M17 31v4c0 .65-.79 1.23-2 1.6v-4c1.21-.37 2-.95 2-1.6z"
/>
<path
fill="#ebbf00"
d="M17 27v4c0 .65-.79 1.23-2 1.6v-4c1.21-.37 2-.95 2-1.6z"
/>
<path
fill="#cca400"
d="M17 27c0 1.1-2.24 2-5 2-.34 0-.67-.01-.99-.04 2.27-.19 3.99-1 3.99-1.96s-1.72-1.77-3.99-1.96c.32-.03.65-.04.99-.04 2.76 0 5 .9 5 2z"
/>
<path d="M31 47h2v2h-2z" />
<path
d="M59 14H42V6c0-2.748-5.184-4-10-4S22 3.252 22 6v8H5a3 3 0 0 0-3 3v32a3 3 0 0 0 3 3h19.82l-.667 4H23a1 1 0 0 0-.8.4l-3 4A1 1 0 0 0 20 62h24a1 1 0 0 0 .8-1.6l-3-4a1 1 0 0 0-.8-.4h-1.153l-.667-4H59a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3zm-35 6.524A19.008 19.008 0 0 0 32 22a19.008 19.008 0 0 0 8-1.476V24c0 .514-2.75 2-8 2s-8-1.486-8-2zM32 20c-5.25 0-8-1.486-8-2v-3.476A19.008 19.008 0 0 0 32 16a19.008 19.008 0 0 0 8-1.476V18c0 .514-2.75 2-8 2zm0-16c5.25 0 8 1.486 8 2s-2.75 2-8 2-8-1.486-8-2 2.75-2 8-2zm-8 4.524A19.008 19.008 0 0 0 32 10a19.008 19.008 0 0 0 8-1.476V12c0 .514-2.75 2-8 2s-8-1.486-8-2zM5 16h17v8c0 2.748 5.184 4 10 4s10-1.252 10-4v-8h17a1 1 0 0 1 1 1v27H4V17a1 1 0 0 1 1-1zm37 44H22l1.5-2h17zm-4.18-4H26.18l.667-4h10.306zM59 50H5a1 1 0 0 1-1-1v-3h56v3a1 1 0 0 1-1 1z"
/>
<path
d="M12 42c2.89 0 6-.939 6-3V27c0-2.061-3.11-3-6-3s-6 .939-6 3v12c0 2.061 3.11 3 6 3zm0-2c-2.484 0-3.875-.754-4-1v-1.7a10.844 10.844 0 0 0 4 .7 10.842 10.842 0 0 0 4.008-.7v1.644C15.875 39.246 14.484 40 12 40zm0-14c2.347 0 3.717.673 3.975 1-.258.327-1.628 1-3.975 1s-3.717-.673-3.975-1c.258-.327 1.628-1 3.975-1zm-4 3.305a10.844 10.844 0 0 0 4 .7 10.858 10.858 0 0 0 4-.7v1.648c-.15.3-1.535 1.047-4 1.047-2.484 0-3.875-.754-4-1zm0 4a10.844 10.844 0 0 0 4 .7 10.846 10.846 0 0 0 4-.7v1.645c-.142.3-1.53 1.05-4.006 1.05s-3.875-.754-4-1zM52 42c2.89 0 6-.939 6-3V27c0-2.061-3.11-3-6-3s-6 .939-6 3v12c0 2.061 3.11 3 6 3zm0-2c-2.484 0-3.875-.754-4-1v-1.7a11.857 11.857 0 0 0 8.008 0v1.644C55.875 39.246 54.484 40 52 40zm-4-6.695a11.865 11.865 0 0 0 8.005 0v1.645c-.142.3-1.53 1.05-4.006 1.05-2.459 0-3.842-.737-4-1.043zm0-4a11.864 11.864 0 0 0 8 0v1.648c-.15.3-1.535 1.047-4 1.047s-3.842-.737-4-1.043zM52 26c2.347 0 3.717.673 3.975 1-.258.327-1.628 1-3.975 1s-3.717-.673-3.975-1c.258-.327 1.628-1 3.975-1zM31 11h2v2h-2zM31 17h2v2h-2zM31 23h2v2h-2zM29 34v-4h-2v3h-7v2h8a1 1 0 0 0 1-1zM36 35h8v-2h-7v-3h-2v4a1 1 0 0 0 1 1z"
/>
</g>
</svg>
More icons in the same style and category