Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, communication, monitor, electronics, social media, and communications. Created in a clean lineal color style with a white, silver, navy, 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>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="i" clipPathUnits="userSpaceOnUse">
<path d="M57.067 401.905h397.866V48.089H57.067Z" />
</clipPath>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(480.7406 0 0 -480.7406 547.63 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(421.45193 0 0 -421.45193 45.274 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".049" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".999" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(487.93188 0 0 -487.93188 544.034 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".049" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".999" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(501.20181 0 0 -501.20181 5.4 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M552.723-199.563c26.255-85.007 107.775-89.005 182.131-93.553 244.867-14.978-63.002-218.187 146.696-238.304 77.137-7.4 157.788 56.956 145.59 140.29-11.107 75.879-121.153 121.074-121.207 191.98-.044 55.945 103.859 96.409 36.271 156.552-60.248 53.613-442.87 15.889-389.481-156.965"
fill="url(#b)"
stroke="none"
/>
</g>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M97.146-58.231c-135.328-119.54 38.831-235.41 22.243-366.029-7.375-58.072 16.054-113.588 92.705-107.244 93.412 7.732 59.504 97.209 79.065 156.778 33.659 102.501 240.73 78.56 154.895 236.448C391.277-37.521 190.289 24.043 97.146-58.231"
fill="url(#d)"
stroke="none"
/>
</g>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M818.593 507.133c-94.351-27.745-75.427-93.585-85.981-166.539-13.171-91.051-70.094-44.365-135.496-93.537-113.054-85.001-30.93-272.636 109.469-244.141 74.552 15.132 89.786 70.096 120.192 128.824C866.11 207.713 931.336 187 989.844 236.597c118.655 100.583-37.404 309.897-171.251 270.536"
fill="url(#f)"
stroke="none"
/>
</g>
<path
d="M252.3 481.607c-35.181-21.865-62.375-53.403-93.213-80.552-27.023-23.789-58.445-40.757-86.353-63.203C-28.476 256.45-18.819 36.891 123.696 7.727c61.777-12.642 146.21-16.696 182.519 43.642 34.619 57.53 46.231 116.383 113.876 146.942 23.573 10.649 62.974 10.113 78.944 33.45 20.152 29.45-4.853 60.043-18.192 85.707-17.191 33.074-20.795 65.682-8.699 101.16 10.299 30.21 17.55 43.781-10.971 66.02-30.809 18.356-66.006 27.35-101.209 27.352-37.649.002-75.306-10.28-107.664-30.393"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#g)"
stroke="none"
/>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#i)" opacity=".1">
<path
d="M0 0h45.34v-25.088c0-12.52-10.15-22.67-22.67-22.67C10.15-47.758 0-37.608 0-25.088zm208.684 264.167H103.737c-15.127 0-27.726-10.797-30.527-25.104h-221.28c-5.522 0-10-4.476-10-10V10c0-5.523 4.478-10 10-10h121.74v-79.647h-38.834a5 5 0 0 1 0-10h175.667a5 5 0 1 1 0 10H71.67V0h124.739c5.523 0 10 4.477 10 10v191.94h2.275c17.183 0 31.113 13.93 31.113 31.114 0 17.183-13.93 31.113-31.113 31.113"
transform="translate(215.137 137.737)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v-104.431h-98V0h26.33v-44.87c0-12.521 10.15-22.67 22.67-22.67 12.52 0 22.67 10.149 22.67 22.67V0Z"
transform="translate(286.807 181.52)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M286.807 181.52h-26.33v-35.751h26.33zM215.137 181.52h-26.33v-35.751h26.33z"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-83.411h98V0"
transform="translate(188.807 160.5)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-23.851c0-12.52-10.15-22.67-22.67-22.67-12.52 0-22.67 10.15-22.67 22.67V0"
transform="translate(260.477 160.5)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-344.479c-5.522 0-10 4.477-10 10v219.063c0 5.524 4.478 10 10 10H0c5.522 0 10-4.476 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(411.546 161.737)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v185.32c0 5.524-4.478 10-10 10h-344.479c-5.522 0-10-4.476-10-10V0Z"
transform="translate(421.546 205.48)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-88.529h-364.48V0c0 5.521 4.48 10 10 10H-10C-4.48 10 0 5.521 0 0"
transform="translate(421.547 390.799)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.62h-130.091a3.695 3.695 0 0 0-3.699 3.69v27.42c0 10.561 5.25 19.89 13.29 25.51H-10C-4.48 10 0 5.521 0 0"
transform="translate(421.547 390.799)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-187.933c-5.523 0-10-4.477-10-10v-219.063c0-5.524 4.477-10 10-10h344.479c5.522 0 10 4.476 10 10v158.28"
transform="translate(255 400.8)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h175.667"
transform="translate(149.973 77.089)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-36.667a5 5 0 1 0 0 10H0a5 5 0 0 0 5-5 5 5 0 0 0-5-5"
transform="translate(256.14 182.436)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.667a5 5 0 1 0 0 10H0a5 5 0 0 0 5-5 5 5 0 0 0-5-5"
transform="translate(307.14 318.103)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.261-22.099-49.359-49.359-49.359S-98.718-27.261-98.718 0c0 27.26 22.099 49.358 49.359 49.358S0 27.26 0 0"
transform="translate(185.396 312.743)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.749 0 6.8-3.051 6.8-6.8 0-3.75-3.051-6.8-6.8-6.8-3.75 0-6.8 3.05-6.8 6.8C-6.8-3.051-3.75 0 0 0m17.082-6.8c0 9.419-7.663 17.082-17.082 17.082S-17.082 2.619-17.082-6.8c0-4.645 1.869-8.858 4.889-11.941-3.02-3.082-4.889-7.295-4.889-11.941a5.141 5.141 0 0 1 10.282 0c0 3.749 3.05 6.8 6.8 6.8 3.749 0 6.8-3.051 6.8-6.8a5.141 5.141 0 0 1 10.282 0c0 4.646-1.87 8.859-4.889 11.941 3.019 3.083 4.889 7.296 4.889 11.941"
transform="translate(136.037 326.343)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-183.333v67.789a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(397.807 205.48)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.667v22.789a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(183.345 205.48)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-183.333v17.5a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(397.807 255.77)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h132.364c17.184 0 31.114 13.93 31.114 31.113 0 17.184-13.93 31.114-31.114 31.114H27.418c-17.184 0-31.113-13.93-31.113-31.114V3.695A3.695 3.695 0 0 1 0 0"
transform="translate(291.456 363.678)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h132.364c17.184 0 31.114 13.93 31.114 31.113 0 17.184-13.93 31.114-31.114 31.114H27.418c-17.184 0-31.113-13.93-31.113-31.114V3.695A3.695 3.695 0 0 1 0 0Z"
transform="translate(291.456 363.678)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.52a5 5 0 0 1 0 10H0A5 5 0 1 1 0 0"
transform="translate(352.901 399.12)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h103.52a5 5 0 1 1 0 10H0A5 5 0 1 1 0 0"
transform="translate(322.901 380.463)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(118.237 459.897)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(108.62 99.089)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(410.17 85.442)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.311 11.311L0 22.62l11.31-11.309Z"
transform="translate(181.19 441.29)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.311 11.311L0 22.621l11.311-11.31Z"
transform="translate(378.62 94.682)"
fill="none"
stroke="#01eca5"
stroke-width="10"
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