Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, connection, network, intelligence, electronics, coding, and ai. Created in a clean lineal color style with a 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="#c8d9e2"
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="#a1adb4"
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.041c-4.139 0-7.879 1.68-10.589 4.39A14.94 14.94 0 0 0-190 0c0 8.28 6.71 14.989 14.979 14.989H-14.98c4.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.041c-4.139 0-7.879 1.68-10.589 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.716 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.284 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.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(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="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.365"
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.363 51.479h77.274z"
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.031c-8.276 0-14.985-6.709-14.985-14.984 0-8.276 6.709-14.984 14.985-14.984h95.862"
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.716 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.284 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.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(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"
/>
<path
d="m0 0-13.208 13.208L0 26.416"
transform="translate(70.24 308.524)"
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 13.208 13.208L0 26.416"
transform="translate(140.031 308.524)"
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-10-26.416"
transform="translate(110.24 334.94)"
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 0h108.327"
transform="translate(346.642 270.557)"
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 0h172.131"
transform="translate(139.636 270.557)"
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 0h51.732"
transform="translate(53.507 270.557)"
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 0h259.152"
transform="translate(195.816 225.557)"
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 0h107.493"
transform="translate(53.507 225.557)"
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 0h38.968"
transform="translate(256.536 180.557)"
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 0h168.4"
transform="translate(53.507 180.557)"
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