Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, connection, network, intelligence, calculator, electronics, and ai. 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.543 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.543 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.543 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.543 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.043 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.043 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.99 14.98 14.99h160.04c4.14 0 7.88-1.68 10.59-4.39A14.95 14.95 0 0 0 0 0"
transform="translate(351.043 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.99 4.14 0 7.88-1.68 10.59-4.39A14.95 14.95 0 0 0 0 0"
transform="translate(351.043 22.484)"
fill="#22323a"
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.074 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(455.01 22.484)"
fill="#f76ba0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-294.73c0-8.24-6.68-14.92-14.93-14.92h-325.28c-8.24 0-14.92 6.68-14.92 14.92V0c0 8.24 6.68 14.92 14.92 14.92h325.28C-6.68 14.92 0 8.24 0 0"
transform="translate(433.61 489.58)"
fill="#3a4b56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-294.73c0-8.24-6.68-14.92-14.93-14.92h-325.28c-8.24 0-14.92 6.68-14.92 14.92v7.87h317.31c8.24 0 14.92 6.68 14.92 14.92L-22.69 0c0 8.24-6.68 14.92-14.92 14.92h22.68C-6.68 14.92 0 8.24 0 0"
transform="translate(433.61 489.58)"
fill="#22323a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M138.042 330.162h-30v29.999h30zM198.042 330.162h-30v29.999h30zM258.042 330.162h-30v29.999h30zM138.042 270.164h-30v29.999h30zM198.042 270.164h-30v29.999h30zM258.042 270.164h-30v29.999h30zM138.042 210.167h-30v29.999h30zM198.042 210.167h-30v29.999h30zM258.042 210.167h-30v29.999h30z"
fill="#c8d9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M318.042 330.162h-30v29.999h30zM318.042 270.164h-30v29.999h30zM318.042 210.167h-30v29.999h30z"
fill="#ffd469"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M403.37 390.16H108.04v84.45h295.33z"
fill="#66c7bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-84.45h-295.33v21.66H-33.2c6.18 0 11.2 5.02 11.2 11.2V0Z"
transform="translate(403.37 474.61)"
fill="#3eafa9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M403.366 270.164h-55.323v89.997h55.323zM403.366 210.167h-55.323v29.999h55.323z"
fill="#83d4ee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-153.133c0-7.738-6.28-14.011-14.027-14.011h-468.947c-7.746 0-14.026 6.273-14.026 14.011v311.602c0 7.739 6.28 14.011 14.026 14.011h27.364"
transform="translate(504.543 256.087)"
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 0h26.802c7.747 0 14.027-6.273 14.027-14.011v-123.816"
transform="translate(463.713 428.567)"
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.772 132.92)"
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.543 132.92)"
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.477h77.273z"
transform="translate(311.043 37.467)"
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.276 0 14.985 6.708 14.985 14.983 0 8.276-6.709 14.984-14.985 14.984h-160.031c-8.276 0-14.984-6.708-14.984-14.984 0-8.275 6.708-14.983 14.984-14.983h95.863"
transform="translate(307.1 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.264-6.716-14.963-15-14.963-8.284 0-15 6.699-15 14.963s6.716 14.963 15 14.963C-6.716 14.963 0 8.264 0 0Z"
transform="translate(87.074 22.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 0v-51.497"
transform="translate(72.074 88.943)"
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.963-15-14.963-8.284 0-15 6.699-15 14.963s6.716 14.963 15 14.963C-6.716 14.963 0 8.264 0 0Z"
transform="translate(455.01 22.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 0v-51.497"
transform="translate(440.01 88.943)"
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-325.285c-8.242 0-14.923 6.681-14.923 14.922v294.724c0 8.241 6.681 14.922 14.923 14.922H0c8.241 0 14.922-6.681 14.922-14.922V14.922C14.922 6.681 8.241 0 0 0Z"
transform="translate(418.685 179.932)"
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 0h190.243v-84.451H-105.08V0h70.713"
transform="translate(213.123 474.61)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M138.042 330.162h-30v29.999h30zM198.042 330.162h-30v29.999h30zM258.042 330.162h-30v29.999h30zM318.042 330.162h-30v29.999h30zM138.042 270.164h-30v29.999h30zM198.042 270.164h-30v29.999h30zM258.042 270.164h-30v29.999h30zM318.042 270.164h-30v29.999h30zM138.042 210.167h-30v29.999h30zM198.042 210.167h-30v29.999h30zM258.042 210.167h-30v29.999h30zM318.042 210.167h-30v29.999h30zM403.366 270.164h-55.323v89.997h55.323zM403.366 210.167h-55.323v29.999h55.323z"
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-25.124"
transform="translate(151.306 444.677)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M210.864 419.553h-29.558v25.124h29.558z"
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-25.124"
transform="translate(240.864 444.677)"
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-25.124"
transform="translate(330.103 444.946)"
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-25.124"
transform="translate(360.103 444.946)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M300.422 419.553h-29.558v25.124h29.558z"
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