Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, screen, monitor, web design, website, layout, ui, electronics, responsive, and adaptive. 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="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 0v-48.486c0-13.84-11.219-25.059-25.059-25.059h-446.882c-13.84 0-25.059 11.219-25.059 25.059V0Z"
transform="translate(504.5 200.386)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-265.286h-497V0c0 13.839 11.219 25.059 25.059 25.059h446.882C-11.219 25.059 0 13.839 0 0"
transform="translate(504.5 465.672)"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-133.734l12.459 62.267h108.816z"
transform="translate(322.867 64.574)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M372.898 21.27H139.102v43.305h233.796z"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.65 398H78.35v58.811h355.3z"
fill="#e54696"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.65 200.39H78.35V398h355.3z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M224.682 230.014h-104.41V367h104.41zM308.489 317.81h-49.191V367h49.191zM391.728 317.81h-49.191V367h49.191zM308.489 230.014h-49.191v49.191h49.191zM391.728 230.014h-49.191v49.191h49.191z"
fill="#e54696"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v48.486h-20V0c0-13.84 11.219-25.059 25.059-25.059h20C11.219-25.059 0-13.84 0 0"
transform="translate(27.5 151.9)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-13.839 0-25.059-11.22-25.059-25.059v-265.286h20v265.286C-25.059-11.22-13.839 0 0 0"
transform="translate(52.559 490.73)"
fill="#71e4bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.459-62.267h20L20 0Z"
transform="translate(201.592 126.84)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M139.102 21.27h20v43.305h-20z"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M78.35 398h20v58.811h-20z"
fill="#7f34a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M78.35 200.39h20V398h-20z"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M120.272 230.014h20V367h-20zM259.299 317.81h20V367h-20zM342.537 317.81h20V367h-20zM259.299 230.014h20v49.191h-20zM342.537 230.014h20v49.191h-20z"
fill="#7f34a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M433.65 398H78.35v58.811h355.3zM433.65 200.39H78.35V398h355.3z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M224.682 230.014h-104.41V367h104.41zM308.489 317.81h-49.191V367h49.191zM391.728 317.81h-49.191V367h49.191zM308.489 230.014h-49.191v49.191h49.191zM391.728 230.014h-49.191v49.191h49.191z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h128.868"
transform="translate(113.272 427.405)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,350"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h44.5c13.84 0 25.06 11.22 25.06 25.061V73.55h-497V25.061C-427.44 11.22-416.22 0-402.38 0H-15"
transform="translate(434.94 126.84)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-44.5c-13.84 0-25.06-11.221-25.06-25.061v-265.28h497v265.28C427.44-11.221 416.22 0 402.38 0H15"
transform="translate(77.06 490.73)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-133.734l12.459 62.267h108.816z"
transform="translate(322.867 64.574)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M372.898 21.27H139.102v43.305h233.796z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M263.5 156.113h-15v15h15z"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category