Add icons to this collection by clicking the heart icon.
Interface icon - also known as computer, interface, screen, cursor, information, monitor, website, ui, webpage, communications, and files and folders. Created in a clean lineal color style with a white, silver, black, red, 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="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-326.372c0-5.056 4.137-9.193 9.193-9.193h183.692c5.056 0 9.193 4.137 9.193 9.193V0z"
transform="translate(302.54 407.918)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v326.372h-30.053V0c0-5.056 4.136-9.193 9.193-9.193H9.193C4.137-9.193 0-5.056 0 0"
transform="translate(332.594 81.545)"
fill="#c7d2e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.537c0 5.056-4.137 9.193-9.193 9.193h-183.692c-5.056 0-9.194-4.137-9.194-9.193V0Z"
transform="translate(504.619 404.918)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-5.057 0-9.193-4.137-9.193-9.193V-34.73h30v25.537C-9.193-4.137-5.057 0 0 0"
transform="translate(341.734 439.648)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-326.28c0-5.055 4.136-9.191 9.191-9.191H192.83c5.055 0 9.191 4.136 9.191 9.191V0z"
transform="translate(7.65 407.875)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v326.28h-30V0c0-5.055 4.136-9.191 9.191-9.191h30C4.136-9.191 0-5.055 0 0"
transform="translate(37.65 81.595)"
fill="#c7d2e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.53c0 5.054-4.136 9.19-9.19 9.19h-183.64c-5.055 0-9.191-4.136-9.191-9.19V0Z"
transform="translate(209.67 404.875)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-5.055 0-9.19-4.136-9.19-9.191v-25.53h30v25.53C-9.19-4.136-5.055 0 0 0"
transform="translate(46.84 439.596)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749-3.066 6.815-6.814 6.815h-130.26c-3.748 0-6.815-3.066-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0"
transform="translate(180.605 308.681)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749 3.066 6.815 6.814 6.815h-30c-3.748 0-6.814-3.066-6.814-6.815V0c0-3.748 3.066-6.814 6.814-6.814h30C3.066-6.814 0-3.748 0 0"
transform="translate(66.716 308.681)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.748-3.066 6.815-6.814 6.815h-50.41c-3.748 0-6.815-3.067-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h50.41C-3.066-6.814 0-3.748 0 0"
transform="translate(140.68 118.155)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749 3.066 6.815 6.814 6.815h-30c-3.748 0-6.814-3.066-6.814-6.815V0c0-3.748 3.066-6.814 6.814-6.814h30C3.066-6.814 0-3.748 0 0"
transform="translate(106.641 118.155)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.13c0 3.749-3.067 6.817-6.816 6.817H-57.24c-3.749 0-6.817-3.068-6.817-6.817V0c0-3.749 3.068-6.816 6.817-6.816h50.424C-3.067-6.816 0-3.749 0 0"
transform="translate(437.285 177.03)"
fill="#1dd1a1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.13c0 3.749 3.067 6.817 6.816 6.817h-30c-3.749 0-6.816-3.068-6.816-6.817V0c0-3.749 3.067-6.816 6.816-6.816h30C3.067-6.816 0-3.749 0 0"
transform="translate(403.228 177.03)"
fill="#15ba8b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.771v-34.73H9.193v25.537C9.193-4.137 5.056 0 0 0"
transform="translate(495.425 439.648)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.763v-34.721H9.19v25.53C9.19-4.136 5.055 0 0 0"
transform="translate(200.48 439.596)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.066 6.814 6.814v18.126C6.814-3.066 3.748 0 0 0"
transform="translate(173.79 333.621)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749-3.066 6.815-6.814 6.815h-130.26c-3.748 0-6.815-3.066-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0"
transform="translate(180.605 245.172)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749 3.066 6.815 6.814 6.815h-30c-3.748 0-6.814-3.066-6.814-6.815V0c0-3.748 3.066-6.814 6.814-6.814h30C3.066-6.814 0-3.748 0 0"
transform="translate(66.716 245.172)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.067 6.814 6.814v18.126C6.814-3.066 3.748 0 0 0"
transform="translate(173.79 270.112)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.748-3.066 6.815-6.814 6.815h-130.26c-3.748 0-6.815-3.067-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0"
transform="translate(180.605 181.664)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v18.125c0 3.749 3.066 6.815 6.814 6.815h-30c-3.748 0-6.814-3.066-6.814-6.815V0c0-3.748 3.066-6.814 6.814-6.814h30C3.066-6.814 0-3.748 0 0"
transform="translate(66.716 181.664)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.066 6.814 6.814v18.125C6.814-3.067 3.748 0 0 0"
transform="translate(173.79 206.604)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.537c0 5.056-4.137 9.193-9.193 9.193h-183.692c-5.056 0-9.193-4.137-9.193-9.193V0z"
transform="translate(504.484 404.918)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.771v-34.73H9.193v25.537C9.193-4.137 5.057 0 0 0Z"
transform="translate(495.291 439.648)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v25.53c0 5.054-4.136 9.19-9.19 9.19h-183.64c-5.055 0-9.191-4.136-9.191-9.19V0Z"
transform="translate(209.536 404.875)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.763v-34.721H9.19v25.53C9.19-4.136 5.055 0 0 0Z"
transform="translate(200.346 439.596)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.125c0 3.749-3.066 6.815-6.814 6.815h-130.26c-3.748 0-6.815-3.066-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0Z"
transform="translate(180.47 308.681)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.066 6.814 6.814v18.126C6.814-3.066 3.748 0 0 0Z"
transform="translate(173.656 333.621)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.125c0 3.749-3.066 6.815-6.814 6.815h-130.26c-3.748 0-6.815-3.066-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0Z"
transform="translate(180.47 245.172)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.067 6.814 6.814v18.126C6.814-3.066 3.748 0 0 0Z"
transform="translate(173.656 270.112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.125c0 3.748-3.066 6.814-6.814 6.814h-130.26c-3.748 0-6.815-3.066-6.815-6.814V0c0-3.748 3.067-6.814 6.815-6.814h130.26C-3.066-6.814 0-3.748 0 0Z"
transform="translate(180.47 181.664)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-27.517v-31.754H0c3.748 0 6.814 3.067 6.814 6.815v18.125C6.814-3.066 3.748 0 0 0Z"
transform="translate(173.656 206.603)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.125c0 3.748-3.066 6.815-6.814 6.815h-50.41c-3.748 0-6.815-3.067-6.815-6.815V0c0-3.748 3.067-6.814 6.815-6.814h50.41C-3.066-6.814 0-3.748 0 0Z"
transform="translate(140.545 118.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.13c0 3.749-3.068 6.817-6.817 6.817h-50.424c-3.749 0-6.816-3.068-6.816-6.817V0c0-3.749 3.067-6.816 6.816-6.816h50.424C-3.068-6.816 0-3.749 0 0Z"
transform="translate(437.151 177.03)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h58.96"
transform="translate(79.046 367.483)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h58.977"
transform="translate(373.957 367.516)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-81.688v-57.208h-81.689"
transform="translate(337.688 189.261)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h125.472"
transform="translate(340.709 331.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h125.472"
transform="translate(340.709 298.763)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h125.472"
transform="translate(340.709 266.186)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h125.472"
transform="translate(340.709 233.608)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.668c5.057 0 9.194 4.137 9.194 9.193v348.91c0 5.056-4.137 9.193-9.194 9.193h-183.691c-5.057 0-9.194-4.137-9.194-9.193V9.193c0-5.056 4.137-9.193 9.194-9.193H-35"
transform="translate(422.623 72.352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v156.905c0 5.055-4.136 9.191-9.191 9.191h-183.64c-5.054 0-9.19-4.136-9.19-9.191v-348.81c0-5.055 4.136-9.191 9.19-9.191h183.64c5.055 0 9.191 4.136 9.191 9.191V-35"
transform="translate(209.537 273.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category