Add icons to this collection by clicking the heart icon.
Interface icon - also known as interface, storage, connection, network, internet, statistics, bar graph, multimedia, servers, big data, and seo and web. Created in a clean lineal color style with a white, silver, black, teal, and pink 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-311.61c0-7.74-6.28-14.01-14.03-14.01h-468.94c-7.75 0-14.03 6.27-14.03 14.01V0c0 7.74 6.28 14.01 14.03 14.01h468.94C-6.28 14.01 0 7.74 0 0"
transform="translate(504.5 414.57)"
fill="#d0edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-311.61c0-7.74-6.28-14.01-14.03-14.01h-468.94c-7.75 0-14.03 6.27-14.03 14.01v53.98h451.36c11.5 0 20.81 9.32 20.81 20.81V-7.99c0 12.15-9.85 22-22.01 22h32.81C-6.28 14.01 0 7.74 0 0"
transform="translate(504.5 414.57)"
fill="#a6dff5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.97c0-7.74-6.28-14.01-14.03-14.01h-468.94c-7.75 0-14.03 6.27-14.03 14.01V0Z"
transform="translate(504.5 132.93)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-29.97c0-7.74-6.28-14.01-14.03-14.01h-468.94c-7.75 0-14.03 6.27-14.03 14.01v7.98h451.36c11.5 0 20.81 9.32 20.81 20.81V0z"
transform="translate(504.5 132.93)"
fill="#22323a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-110l6.69 21.05 9.67 30.43h77.28z"
transform="translate(311 37.47)"
fill="#c8d9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-110l6.69 21.05h57.28c7.3 0 12.6 6.96 10.66 14l-4.53 16.43h23.54z"
transform="translate(311 37.47)"
fill="#a1adb4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.27-6.71-14.979-14.98-14.979h-160.04c-4.14 0-7.88 1.68-10.59 4.39A14.94 14.94 0 0 0-190 0c0 8.28 6.71 14.989 14.98 14.989h160.04c4.14 0 7.88-1.679 10.59-4.389A14.95 14.95 0 0 0 0 0"
transform="translate(351 22.484)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.27-6.71-14.979-14.98-14.979h-160.04c-4.14 0-7.88 1.68-10.59 4.39A14.94 14.94 0 0 0-190 0h160.03c8.28 0 14.99 6.71 14.99 14.989 4.14 0 7.88-1.679 10.59-4.389A14.95 14.95 0 0 0 0 0"
transform="translate(351 22.484)"
fill="#22323a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.265-6.715 14.964-15 14.964-8.284 0-15-6.699-15-14.964 0-8.264 6.716-14.964 15-14.964 8.285 0 15 6.7 15 14.964"
transform="translate(87.031 386.732)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.265-6.716 14.964-15 14.964-8.284 0-15-6.699-15-14.964s6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0"
transform="translate(271 387.242)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.265 6.716 14.964 15 14.964 8.284 0 15-6.699 15-14.964s-6.716-14.964-15-14.964C6.716-14.964 0-8.265 0 0"
transform="translate(424.969 387.242)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.264-6.716 14.964-15 14.964-8.284 0-15-6.7-15-14.964 0-8.265 6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0"
transform="translate(179.031 489.026)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.264-6.716 14.964-15 14.964-8.284 0-15-6.7-15-14.964 0-8.265 6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0"
transform="translate(362.53 489.026)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.264-6.715-14.964-15-14.964-8.284 0-15 6.7-15 14.964 0 8.265 6.716 14.964 15 14.964C-6.715 14.964 0 8.265 0 0"
transform="translate(87.031 22.484)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.264-6.716-14.964-15-14.964-8.284 0-15 6.7-15 14.964 0 8.265 6.716 14.964 15 14.964C-6.716 14.964 0 8.265 0 0"
transform="translate(454.969 22.484)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M72.031 167.967h45.096v72.568H72.031Z"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M152.88 167.967h45.096v170.568H152.88Z"
fill="#8c94cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M233.731 167.967h45.096v122.568h-45.096z"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M314.495 167.967h45.096v182.568h-45.096z"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M394.873 167.967h45.096v112.568h-45.096z"
fill="#8c94cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h51.854"
transform="translate(67.031 338.536)"
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 0h25.927"
transform="translate(67.031 308.536)"
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 0h397.937"
transform="translate(57.031 167.967)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M117.127 240.536H72.031v-72.568h45.096zM197.976 338.536H152.88V167.968h45.096z"
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 0v51.657h-45.096V-70.912H0v36.285"
transform="translate(278.827 238.879)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M359.591 350.536h-45.096V167.968h45.096zM439.969 280.536h-45.096V167.968h45.096z"
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 0v-153.139c0-7.738-6.28-14.011-14.026-14.011h-468.948c-7.746 0-14.026 6.273-14.026 14.011v311.614c0 7.739 6.28 14.012 14.026 14.012h20.364"
transform="translate(504.5 256.097)"
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 0h20.803c7.746 0 14.026-6.273 14.026-14.012v-123.821"
transform="translate(469.67 428.584)"
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 0h123.365"
transform="translate(285.847 428.584)"
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 0h124.381"
transform="translate(101.84 428.584)"
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 0h388.771"
transform="translate(115.73 132.926)"
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 0h73.584"
transform="translate(7.5 132.926)"
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-110l16.364 51.479h77.273z"
transform="translate(311 37.468)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h28.958c8.275 0 14.984 6.708 14.984 14.984 0 8.275-6.709 14.984-14.984 14.984h-160.032c-8.275 0-14.984-6.709-14.984-14.984 0-8.276 6.709-14.984 14.984-14.984h95.863"
transform="translate(307.058 7.5)"
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 0c0 8.265-6.715 14.964-15 14.964-8.284 0-15-6.699-15-14.964 0-8.264 6.716-14.964 15-14.964 8.285 0 15 6.7 15 14.964z"
transform="translate(87.031 386.732)"
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 0c0 8.265-6.716 14.964-15 14.964-8.284 0-15-6.699-15-14.964s6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0z"
transform="translate(271 387.242)"
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 18.524-22.05v-80.243"
transform="translate(53.507 503.99)"
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 0c0 8.265 6.716 14.964 15 14.964 8.284 0 15-6.699 15-14.964s-6.716-14.964-15-14.964C6.716-14.964 0-8.265 0 0Z"
transform="translate(424.969 387.242)"
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-18.524-22.05v-80.244"
transform="translate(458.493 504.5)"
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 0c0 8.264-6.716 14.964-15 14.964-8.284 0-15-6.7-15-14.964 0-8.265 6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0z"
transform="translate(179.031 489.026)"
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 0v45.478"
transform="translate(164.031 428.584)"
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 0c0 8.264-6.716 14.964-15 14.964-8.284 0-15-6.7-15-14.964 0-8.265 6.716-14.964 15-14.964C-6.716-14.964 0-8.265 0 0z"
transform="translate(362.53 489.026)"
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 0v45.478"
transform="translate(347.53 428.584)"
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 0v101.784"
transform="translate(256 402.206)"
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 0c0-8.264-6.715-14.964-15-14.964-8.284 0-15 6.7-15 14.964 0 8.265 6.716 14.964 15 14.964C-6.715 14.964 0 8.265 0 0Z"
transform="translate(87.031 22.484)"
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 0v-51.499"
transform="translate(72.031 88.947)"
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 0c0-8.264-6.716-14.964-15-14.964-8.284 0-15 6.7-15 14.964 0 8.265 6.716 14.964 15 14.964C-6.716 14.964 0 8.265 0 0Z"
transform="translate(454.969 22.484)"
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 0v-51.499"
transform="translate(439.969 88.947)"
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