Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, click, touch screen, share, ui, hand gesture, interaction, art and design, user experience, and interact. 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"
>
<rect fill="#686868" height="40" rx="4" width="60" x="2" y="10" />
<path d="m6 14h52v32h-52z" fill="#f2f2f2" />
<path d="m54 41v-27h-48v29h46a2 2 0 0 0 2-2z" fill="#fff" />
<rect fill="#e2e7f6" height="38" rx="2" width="40" x="12" y="2" />
<path
d="m38.882 22.342a2 2 0 0 0 -.882 1.658v4.589a11 11 0 1 1 .876-6.244z"
fill="#5e87ca"
/>
<path
d="m38 50v-3l-4-4v-5a2 2 0 0 1 2-2h2v-12a2 2 0 0 1 2-2 2 2 0 0 1 2 2v8h2a2 2 0 0 1 2 2 2 2 0 0 1 2-2 2 2 0 0 1 2 2h2a2 2 0 0 1 2 2v7l-2 4v3z"
fill="#f2b9a1"
/>
<path d="m41 56-2-6h-14l-2 6z" fill="#474747" />
<path
d="m21 56h22a2 2 0 0 1 2 2v4a0 0 0 0 1 0 0h-26a0 0 0 0 1 0 0v-4a2 2 0 0 1 2-2z"
fill="#686868"
/>
<path d="m52 10v-6a2 2 0 0 0 -2-2h-36a2 2 0 0 0 -2 2v6z" fill="#3b5892" />
<path
d="m25.848 22.576h2v6.695h-2z"
fill="#3b5892"
transform="matrix(.447 -.894 .894 .447 -8.346 38.344)"
/>
<path
d="m23.674 21.035h6.512v2h-6.512z"
fill="#3b5892"
transform="matrix(.894 -.447 .447 .894 -7.011 14.37)"
/>
<path d="m39 5h10v2h-10z" fill="#5e87ca" />
<path d="m15 5h10v2h-10z" fill="#5e87ca" />
<path d="m27 5h10v2h-10z" fill="#5e87ca" />
<g fill="#f7a98d">
<path d="m49 34h2v6h-2z" />
<path d="m45 34h2v6h-2z" />
<path d="m37 36h2v4h-2z" />
<path d="m41 32h2v8h-2z" />
</g>
<circle cx="23" cy="24" fill="#f2f2f2" r="2" />
<circle cx="31" cy="20" fill="#f2f2f2" r="2" />
<circle cx="31" cy="28" fill="#f2f2f2" r="2" />
<path
d="m58 9h-5v-5a3 3 0 0 0 -3-3h-36a3 3 0 0 0 -3 3v5h-5a5.006 5.006 0 0 0 -5 5v32a5.006 5.006 0 0 0 5 5h17.613l-1.333 4h-1.28a3 3 0 0 0 -3 3v4a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-4a3 3 0 0 0 -3-3h-1.28l-1.333-4h17.613a5.006 5.006 0 0 0 5-5v-32a5.006 5.006 0 0 0 -5-5zm-45-5a1 1 0 0 1 1-1h36a1 1 0 0 1 1 1v5h-38zm1 37h19v2a1 1 0 0 0 .293.707l1.293 1.293h-27.586v-30h4v23a3 3 0 0 0 3 3zm24.707 5.293-3.707-3.707v-4.586a1 1 0 0 1 1-1h1v3h2v-16a1 1 0 0 1 2 0v16h2v-7h1a1 1 0 0 1 1 1v6h2v-6a1 1 0 0 1 2 0v6h2v-5h1a1 1 0 0 1 1 1v6.764l-1.9 3.789a1 1 0 0 0 -.1.447v2h-12v-2a1 1 0 0 0 -.293-.707zm-1.707-17.955a10 10 0 1 1 .787-6.346 2.977 2.977 0 0 0 -.787 2.008zm16 4.846v-18.184h4v30h-2.882l.777-1.553a1 1 0 0 0 .105-.447v-7a3 3 0 0 0 -2-2.816zm-2-.184h-.184a2.972 2.972 0 0 0 -4.816-1.22 2.981 2.981 0 0 0 -2-.78h-1v-7a3 3 0 0 0 -3-3 2.856 2.856 0 0 0 -.373.038 12 12 0 1 0 -2.627 10.893v3.069h-1a3 3 0 0 0 -3 3v1h-19a1 1 0 0 1 -1-1v-27h38zm-48 13v-32a3 3 0 0 1 3-3h5v2h-5a1 1 0 0 0 -1 1v32a1 1 0 0 0 1 1h30.586l.414.414v1.586h-31a3 3 0 0 1 -3-3zm41 12v3h-24v-3a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1zm-4.387-3h-15.226l1.333-4h12.56zm21.387-9a3 3 0 0 1 -3 3h-5v-1.764l.118-.236h4.882a1 1 0 0 0 1-1v-32a1 1 0 0 0 -1-1h-5v-2h5a3 3 0 0 1 3 3z"
/>
<path
d="m31 23a3 3 0 1 0 -3-3 2.9 2.9 0 0 0 .037.363l-2.96 1.481a3 3 0 1 0 0 4.312l2.96 1.481a2.9 2.9 0 0 0 -.037.363 3.015 3.015 0 1 0 .923-2.156l-2.96-1.481a1.8 1.8 0 0 0 0-.726l2.96-1.481a2.986 2.986 0 0 0 2.077.844zm0-4a1 1 0 1 1 -1 1 1 1 0 0 1 1-1zm-8 6a1 1 0 1 1 1-1 1 1 0 0 1 -1 1zm8 2a1 1 0 1 1 -1 1 1 1 0 0 1 1-1z"
/>
<path d="m39 5h10v2h-10z" />
<path d="m15 5h10v2h-10z" />
<path d="m27 5h10v2h-10z" />
</svg>
More icons in the same style and category