Add icons to this collection by clicking the heart icon.
Interface icon - also known as technology, computer, interface, signs, connection, wifi, internet, wireless, connectivity, multimedia, and ui. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, 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 0v-361.572c0-5.949 4.867-10.817 10.816-10.817h179.249c5.95 0 10.817 4.868 10.817 10.817V0Z"
transform="translate(7.534 422.764)"
fill="#fee55a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v361.572h-44.666V0c0-5.949 4.867-10.816 10.816-10.816h44.665C4.867-10.816 0-5.949 0 0"
transform="translate(52.2 61.191)"
fill="#ffd301"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-361.572c0-5.949 4.867-10.817 10.816-10.817h179.249c5.949 0 10.816 4.868 10.816 10.817V0Z"
transform="translate(303.653 422.764)"
fill="#dfebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v361.572h-44.665V0c0-5.949 4.867-10.816 10.816-10.816h44.665C4.867-10.816 0-5.949 0 0"
transform="translate(348.318 61.191)"
fill="#b1dbfc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53.941a8.99 8.99 0 0 1-8.991-8.99v-16.092a8.99 8.99 0 0 1 8.991-8.99H0a8.989 8.989 0 0 1 8.99 8.99V-8.99A8.99 8.99 0 0 1 0 0"
transform="translate(134.945 189.972)"
fill="#43cb8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v16.093a8.99 8.99 0 0 0 8.99 8.99h-44.666a8.99 8.99 0 0 1-8.99-8.99V0a8.99 8.99 0 0 1 8.99-8.99H8.99A8.99 8.99 0 0 0 0 0"
transform="translate(116.68 164.889)"
fill="#00ba66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 32.042 25.241c2.068 1.63 2.068 4.767 0 6.397L0 56.881c-2.671 2.103-6.59.2-6.59-3.198V3.197C-6.59-.202-2.671-2.105 0 0"
transform="translate(393.677 257.924)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.691 7.636-22.351-17.608c-2.67-2.103-6.59-.202-6.59 3.198V-28.44c0-3.4 3.919-5.302 6.59-3.198L0-6.396C2.068-4.767 2.068-1.63 0 0"
transform="translate(425.719 289.562)"
fill="#0193fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-147.399v-40.861H10.815v30.045C10.815-4.867 5.949 0 0 0"
transform="translate(197.6 461.625)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-147.399v-40.861H10.816v30.045C10.816-4.867 5.949 0 0 0"
transform="translate(493.718 461.625)"
fill="#23a8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.849v-40.861h-44.665v30.045C-10.816-4.867-5.949 0 0 0"
transform="translate(314.47 461.625)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.85v-40.861h-44.666v30.045C-10.816-4.867-5.949 0 0 0"
transform="translate(18.35 461.625)"
fill="#ff4756"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v30.045c0 5.949 4.867 10.816 10.816 10.816h179.249c5.949 0 10.816-4.867 10.816-10.816V0Z"
transform="translate(7.5 420.764)"
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 0h33.849v-40.861h-44.665v30.045C-10.816-4.867-5.949 0 0 0Z"
transform="translate(18.316 461.625)"
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 0v30.045c0 5.949 4.867 10.816 10.815 10.816h179.249c5.95 0 10.817-4.867 10.817-10.816V0Z"
transform="translate(303.62 420.764)"
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 0h33.849v-40.861h-44.665v30.045C-10.816-4.867-5.949 0 0 0Z"
transform="translate(314.435 461.625)"
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 0h112.099v113.429h131.052"
transform="translate(143.901 172.935)"
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-53.941a8.99 8.99 0 0 1-8.991-8.99v-16.092a8.99 8.99 0 0 1 8.991-8.99H0a8.989 8.989 0 0 1 8.99 8.99V-8.99A8.99 8.99 0 0 1 0 0Z"
transform="translate(134.911 189.972)"
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 0 32.042 25.241c2.068 1.63 2.068 4.767 0 6.397L0 56.881c-2.671 2.103-6.59.2-6.59-3.198V3.197C-6.59-.202-2.671-2.105 0 0Z"
transform="translate(393.642 257.924)"
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.125C78.073 0 82.94 4.867 82.94 10.816v389.618c0 5.949-4.867 10.816-10.815 10.816h-179.249c-5.949 0-10.816-4.867-10.816-10.816V10.816C-117.94 4.867-113.073 0-107.124 0H-35"
transform="translate(125.44 50.375)"
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 0v190.463c0 5.949-4.867 10.816-10.816 10.816h-179.249c-5.949 0-10.816-4.867-10.816-10.816v-389.617c0-5.95 4.867-10.817 10.816-10.817h179.249c5.949 0 10.816 4.867 10.816 10.817V-35"
transform="translate(504.5 260.346)"
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