Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, smartphone, ui, cloud computing, and communications. Created in a clean lineal color style with a white, silver, black, yellow, 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>
<path
d="M399.866 438.982H97.584v63.639h302.282z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M145.313 438.982H97.584v63.639h47.729z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M399.866 9.424H97.584v55.684h302.282z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M145.313 9.424H97.584v55.684h47.729z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M399.866 65.107H97.584v373.875h302.282z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M145.313 65.107H97.584v373.875h47.729z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c26.331 0 47.729-21.398 47.729-47.729S26.331-95.458 0-95.458h-167.05c-26.331 0-47.729 21.398-47.729 47.729S-193.381 0-167.05 0c3.977 0 7.875-.558 11.613-1.512 9.387 28.638 36.195 49.241 67.935 49.241 32.614 0 60.058-21.796 68.729-51.547C-13.046-1.353-6.682 0 0 0"
transform="translate(368.047 351.48)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 26.331 21.398 47.729 47.729 47.729 3.977 0 7.875-.557 11.614-1.511 5.522 16.845 17.1 30.867 32.136 39.595-10.53 6.103-22.733 9.645-35.795 9.645-31.74 0-58.548-20.603-67.934-49.24-3.739.954-7.637 1.511-11.614 1.511-26.331 0-47.729-21.398-47.729-47.729 0-26.33 21.398-47.729 47.729-47.729h71.593C21.398-47.729 0-26.33 0 0"
transform="translate(224.86 303.751)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.75 0 15.91-7.159 15.91-15.91 0-8.75-7.16-15.909-15.91-15.909S-15.91-24.66-15.91-15.91C-15.91-7.159-8.75 0 0 0"
transform="translate(328.273 184.43)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.75 0 15.91-7.159 15.91-15.91 0-8.75-7.16-15.909-15.91-15.909S-15.909-24.66-15.909-15.91C-15.909-7.159-8.75 0 0 0"
transform="translate(272.59 160.565)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.75 0 15.909-7.159 15.909-15.909S8.75-31.818 0-31.818s-15.91 7.159-15.91 15.909S-8.75 0 0 0"
transform="translate(161.223 192.384)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-190.915h302.282V31.819"
transform="translate(97.584 200.339)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-111.367v-278.418"
transform="translate(208.951 502.621)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v127.276h-167.051"
transform="translate(399.866 375.345)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h111.367"
transform="translate(153.268 470.802)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(280.544 470.802)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(312.363 470.802)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h302.282"
transform="translate(97.584 438.982)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h302.282"
transform="translate(97.584 65.107)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-39.774v-63.639"
transform="translate(169.177 407.164)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-23.864h-143.186"
transform="translate(368.047 120.791)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(193.042 96.927)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(161.223 96.927)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.432 7.637-19.569 12.251-31.819 12.251-6.682 0-13.046-1.353-18.773-3.818-8.671 29.751-36.115 51.546-68.73 51.546-31.74 0-58.547-20.602-67.934-49.24-3.739.954-7.637 1.512-11.614 1.512-26.33 0-47.729-21.398-47.729-47.73 0-26.33 21.399-47.728 47.729-47.728h167.051c12.25 0 23.387 4.614 31.819 12.251 9.784 8.67 15.91 21.397 15.91 35.477C15.91-21.398 9.784-8.671 0 0Z"
transform="translate(399.866 339.23)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 21.955 17.818 39.773 39.774 39.773"
transform="translate(240.77 327.616)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(185.087 311.706)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(200.997 295.797)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(360.092 287.842)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(328.273 287.842)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(296.454 287.842)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.819h-127.276v-31.82"
transform="translate(288.499 256.022)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.909-15.909-15.909-8.751 0-15.91 7.159-15.91 15.909s7.159 15.909 15.91 15.909C-7.159 15.909 0 8.75 0 0Z"
transform="translate(177.132 176.475)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.909-15.91-15.909-8.75 0-15.909 7.159-15.909 15.909 0 8.751 7.159 15.91 15.909 15.91C-7.159 15.91 0 8.751 0 0Z"
transform="translate(288.499 144.655)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.909-15.91-15.909-8.75 0-15.909 7.159-15.909 15.909 0 8.751 7.159 15.91 15.909 15.91C-7.159 15.91 0 8.751 0 0Z"
transform="translate(344.183 168.52)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.773h39.774v-23.865"
transform="translate(232.815 224.203)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(312.363 224.203)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.864v-55.684H0"
transform="translate(344.183 224.203)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category