Add icons to this collection by clicking the heart icon.
User Interface icon - also known as computer, interface, user, profile, laptop, ui, electronics, account, and user interface. 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 64 64"
>
<path fill="#a5badb" d="M5 52V15a5 5 0 0 1 5-5h44a5 5 0 0 1 5 5v37z" />
<path fill="#c1cfe8" d="M54 10H12a5 5 0 0 0-5 5v37h52V15a5 5 0 0 0-5-5z" />
<path fill="#0059be" d="M38 48v2H26v-2H2a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6z" />
<path fill="#66c3e9" d="M9 51V14h46v37" />
<path
fill="#006bdb"
d="M38 50H26v-2H4.349A6 6 0 0 0 10 52h48a5.968 5.968 0 0 0 3.119-.881A5.968 5.968 0 0 0 62 48H38z"
/>
<path fill="#8adef9" d="M11 14v25.524A6.477 6.477 0 0 0 17.476 46H55V14z" />
<path
fill="#0059be"
d="M49 6H15a2 2 0 0 0-2 2v32a2 2 0 0 0 2 2h34a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z"
/>
<path fill="#006bdb" d="M49 6H16v31a2 2 0 0 0 2 2h33V8a2 2 0 0 0-2-2z" />
<path fill="#f79b31" d="M13 12v28a2 2 0 0 0 2 2h34a2 2 0 0 0 2-2V12z" />
<path fill="#fcb732" d="M16 37a2 2 0 0 0 2 2h33V12H16z" />
<circle cx="24" cy="23" r="7" fill="#f2f2f2" />
<path
fill="#fff"
d="M24 16a6.966 6.966 0 0 0-4.423 1.577 7 7 0 0 0 9.846 9.846A7 7 0 0 0 24 16z"
/>
<circle cx="24" cy="22" r="2" fill="#006bdb" />
<path fill="#0059be" d="M47 36V16H35v20z" />
<path fill="#006bdb" d="M37 31.386A2.615 2.615 0 0 0 39.614 34H47V16H37z" />
<path fill="#fff" d="M17 34h14v4H17z" />
<path fill="#8dbf00" d="M63 58 53 48l8-8 2 2z" />
<path
fill="#d08d78"
d="m60 41-6 6-2-2h-4a7.008 7.008 0 0 1-3.7-1.06l-5.29-3.31A2.139 2.139 0 0 1 38 38.81 1.81 1.81 0 0 1 39.81 37a5.07 5.07 0 0 1 2.26.53L43 38l-6.38-6.38a2.121 2.121 0 0 1 3-3L42 31a2.126 2.126 0 0 1 2.12-2 2.172 2.172 0 0 1 .88.19v-.07A2.117 2.117 0 0 1 47.12 27a2.18 2.18 0 0 1 1.06.28A2.1 2.1 0 0 1 50.12 26a2.119 2.119 0 0 1 1.5.62l5.05 5.05A7.978 7.978 0 0 1 59 37.29V40z"
/>
<path
fill="#f2b9a1"
d="M58 38.29a7.978 7.978 0 0 0-2.33-5.62l-5.05-5.05a2.119 2.119 0 0 0-1.5-.62 2.071 2.071 0 0 0-.91.23c-.008.018-.022.032-.03.05a2.18 2.18 0 0 0-1.06-.28A2.117 2.117 0 0 0 45 29.12v.07a2.172 2.172 0 0 0-.88-.19A2.126 2.126 0 0 0 42 31l-2.38-2.38a2.121 2.121 0 0 0-3 3L43 38l-.93-.47A5.075 5.075 0 0 0 40 37a1.872 1.872 0 0 0-1.992 1.66 2.139 2.139 0 0 0 1 1.967l5.29 3.31A7.008 7.008 0 0 0 48 45h4l2 2 5-5a3.415 3.415 0 0 1-1-2.414z"
/>
<g fill="#d08d78">
<path
d="m41.285 31.708 1.414-1.414 4.5 4.5-1.415 1.414zM48.293 33.707l-3.38-3.38a1.03 1.03 0 0 0-.309-.219l.792-1.836a3.015 3.015 0 0 1 .931.641l3.38 3.38zM52.707 30.293l-3.38-3.38a3.067 3.067 0 0 0-.533-.422 2.069 2.069 0 0 0-.614.789l-.49.872a1.051 1.051 0 0 1 .223.175l3.38 3.38z"
/>
</g>
<path fill="#82ab00" d="M63 44.279 60 41l-7 7 10 10z" />
<path fill="#fff" d="M38 19h6v2h-6zM38 23h6v2h-6z" />
<path
fill="#0059be"
d="M24 24a4 4 0 0 0-4 4v.74a6.979 6.979 0 0 0 8 0V28a4 4 0 0 0-4-4z"
/>
<path
fill="#006bdb"
d="M28 28.3V28a3.993 3.993 0 0 0-7.866-.975A6.9 6.9 0 0 0 28 28.3z"
/>
<path
d="M24 31a8 8 0 1 0-8-8 8.009 8.009 0 0 0 8 8zm-3-2.812V28a3 3 0 0 1 6 0v.188a5.948 5.948 0 0 1-6 0zM23 22a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm1-5a5.989 5.989 0 0 1 4.78 9.612 4.991 4.991 0 0 0-2.3-2.927 3 3 0 1 0-4.96 0 4.991 4.991 0 0 0-2.3 2.927A5.989 5.989 0 0 1 24 17zM38 19h6v2h-6zM38 23h6v2h-6z"
/>
<path
d="m61 41.414 1.293 1.293 1.414-1.414-2-2a1 1 0 0 0-1.414 0l-.293.293V15.115a6.007 6.007 0 0 0-6-6h-2V8a3.005 3.005 0 0 0-3-3H15a3.006 3.006 0 0 0-3 3v1.115h-2a6.007 6.007 0 0 0-6 6v32H2a1 1 0 0 0-1 1 7.008 7.008 0 0 0 7 7h48a6.952 6.952 0 0 0 2.309-.392l3.984 3.984 1.414-1.414L54.414 48zm-23 5.7a1 1 0 0 0-1 1v1H27v-1a1 1 0 0 0-1-1H10v-32h2V40a3 3 0 0 0 3 3h25.914l2.859 1.787A7.971 7.971 0 0 0 48 46h3.586l1 1-.115.115zm16-19.528-1.672-1.672a3.018 3.018 0 0 0-.328-.268V15.115h2zm-4-2.577a3.1 3.1 0 0 0-2 .826V16a1 1 0 0 0-1-1H35a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h2.672A2.792 2.792 0 0 0 37 38.808 3.124 3.124 0 0 0 37.894 41H15a1 1 0 0 1-1-1V13h36zM44.121 28a3.113 3.113 0 0 0-2.476 1.231l-1.317-1.317A3.142 3.142 0 0 0 38.121 27a3.1 3.1 0 0 0-2.121.845V17h10v9.217a3.124 3.124 0 0 0-1.786 1.792c-.031-.001-.062-.009-.093-.009zM36 35v-2.586L38.586 35zm22 6.586-4 4-1.293-1.293A1 1 0 0 0 52 44h-4a5.965 5.965 0 0 1-3.166-.907l-5.294-3.31a1.142 1.142 0 0 1-.54-.975.808.808 0 0 1 .808-.808 4.05 4.05 0 0 1 1.811.428l.934.467a1 1 0 0 0 1.154-1.6l-6.379-6.379a1.121 1.121 0 0 1 1.586-1.586l6.879 6.879 1.414-1.414-4.107-4.113a1.116 1.116 0 0 1 1.818-.354l3.379 3.379 1.414-1.414-3.379-3.379a3.153 3.153 0 0 0-.245-.2 1.116 1.116 0 0 1 1.831-.385l3.379 3.379 1.414-1.414-3.127-3.124a1.15 1.15 0 0 1 1.33.158l5.054 5.054A6.93 6.93 0 0 1 58 37.288zm-4-30.471a4 4 0 0 1 4 4v16.548a8.863 8.863 0 0 0-.618-.7L56 29.586V14.115a1 1 0 0 0-1-1h-3v-2zM15 7h34a1 1 0 0 1 1 1v3H14V8a1 1 0 0 1 1-1zm-9 8.115a4 4 0 0 1 4-4h2v2H9a1 1 0 0 0-1 1v33H6zm50.655 37.954a5.087 5.087 0 0 1-.655.046H8a5.007 5.007 0 0 1-4.9-4H25v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1h13.7z"
/>
<path
d="M17 39h14a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h12v2H18z"
/>
</svg>
More icons in the same style and category