Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, smartphone, mobile phone, text, mobile, multimedia, graphic design, cellphone, design, applications, apps, mobile app, and art and design. Created in a clean flat style with a gray, lime, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-141.385-114.615-256-256-256S-512-141.385-512 0s114.615 256 256 256S0 141.385 0 0"
transform="translate(512 256)"
fill="#10dd44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-435.51C-42.85-467.83-96.19-487-154-487s-111.15 19.17-154 51.49V0c0 13.81 11.19 25 25 25h258C-11.19 25 0 13.81 0 0"
transform="translate(410 487)"
fill="#465365"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.81 11.19 25 25 25h-50c-13.81 0-25-11.19-25-25v-435.51a255.785 255.785 0 0 1 50-29.464z"
transform="translate(152 487)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-238.193a2.904 2.904 0 0 0-2.903 2.904v346.192c0 1.604 1.3 2.904 2.903 2.904H0c1.604 0 2.904-1.3 2.904-2.904V2.904C2.904 1.3 1.604 0 0 0"
transform="translate(375.096 96)"
fill="#21d8de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v346.193c0 1.603 1.3 2.903 2.904 2.903h-50A2.904 2.904 0 0 1-50 346.193V0c0-1.604 1.3-2.904 2.904-2.904h50A2.904 2.904 0 0 0 0 0"
transform="translate(184 98.904)"
fill="#16c6cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v82.259a6.435 6.435 0 0 0 6.436 6.436h82.353a6.436 6.436 0 0 0 6.436-6.436V0a6.437 6.437 0 0 0-6.436-6.436H6.436A6.436 6.436 0 0 0 0 0"
transform="translate(149.061 316.897)"
fill="#16c6cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a6.436 6.436 0 0 1-6.436-6.436v-82.259A6.436 6.436 0 0 1 0-95.131h28.503V0Z"
transform="translate(155.497 405.592)"
fill="#13adb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v141.729a6.435 6.435 0 0 0 6.436 6.436h82.353a6.436 6.436 0 0 0 6.436-6.436V0a6.437 6.437 0 0 0-6.436-6.436H6.436A6.436 6.436 0 0 0 0 0"
transform="translate(149.061 144.844)"
fill="#16c6cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a6.436 6.436 0 0 1-6.436-6.436v-141.729A6.437 6.437 0 0 1 0-154.601h28.503V0Z"
transform="translate(155.497 293.009)"
fill="#13adb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v254.312a6.435 6.435 0 0 0 6.436 6.436h92.353a6.436 6.436 0 0 0 6.436-6.436V0a6.437 6.437 0 0 0-6.436-6.436H6.436A6.436 6.436 0 0 0 0 0"
transform="translate(257.714 144.844)"
fill="#16c6cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a9.6 9.6 0 0 0-9.6-9.6A9.6 9.6 0 0 0-19.2 0a9.6 9.6 0 0 0 9.6 9.6A9.6 9.6 0 0 0 0 0"
transform="translate(211.2 474.24)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a9.6 9.6 0 0 0-9.6-9.6A9.6 9.6 0 0 0-19.2 0a9.6 9.6 0 0 0 9.6 9.6A9.6 9.6 0 0 0 0 0"
transform="translate(320 474.24)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.492-11.748-26.24-26.24-26.24-14.492 0-26.24 11.748-26.24 26.24 0 14.492 11.748 26.24 26.24 26.24C-11.748 26.24 0 14.492 0 0"
transform="translate(282.24 48)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44.8a9.6 9.6 0 0 0-9.6 9.6 9.6 9.6 0 0 0 9.6 9.6H0a9.6 9.6 0 0 0 9.6-9.6A9.6 9.6 0 0 0 0 0"
transform="translate(278.4 464.64)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category