Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, education, teacher, learning, online learning, lecturer, elearning, lessons, and video lesson. Created in a clean lineal color style with a white, silver, black, orange, 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-30.524a60 60 0 0 1 31.085-52.573L40-88v-30h-183.524v30l8.915 4.903a60 60 0 0 1 31.085 52.573V0Z"
transform="translate(307.524 153)"
fill="#8db0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a60 60 0 0 0-31.085 52.573v30.524h-103.524v-20h73c5.813 0 10.524-4.712 10.524-10.524a79.999 79.999 0 0 1 37.023-67.476l-.014-20H8.915v30z"
transform="translate(338.609 69.903)"
fill="#669af7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-452c-11.046 0-20 8.954-20 20v284c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(482 153)"
fill="#8db0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17C-5.954 0 3-8.954 3-20v-284c0-11.046-8.954-20-20-20H0c11.046 0 20 8.954 20 20v284C20-8.954 11.046 0 0 0"
transform="translate(482 477)"
fill="#669af7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M44 443h424V187H44Z"
fill="#ddf5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h89v37c0 33.137-26.863 60-60 60h-58c-33.137 0-60-26.863-60-60V0Z"
transform="translate(164 188)"
fill="#ff933b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.852-10.623 28.057-29.388 28.057-50.781v-46h27v37C55.057-28.31 30.822-2.516 0 0"
transform="translate(197.943 284.78)"
fill="#f27d27"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 23.196-18.804 42-42 42S-84 23.196-84 0v-22c0-23.196 18.804-42 42-42S0-45.196 0-22z"
transform="translate(206 339)"
fill="#feccc1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.912 0-5.755-.297-8.5-.861C10.621-4.792 25-21.716 25-42v-22c0-20.284-14.379-37.208-33.5-41.139A42.202 42.202 0 0 1 0-106c23.196 0 42 18.804 42 42v22C42-18.804 23.196 0 0 0"
transform="translate(164 381)"
fill="#f9b3a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M280 402h80v-80h-80z"
fill="#ff6969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.524a60 60 0 0 1 31.085-52.573L40-88v-30h-183.524v30l8.915 4.903a60 60 0 0 1 31.085 52.573V0"
transform="translate(307.524 153)"
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 0h50.458c11.046 0 20-8.954 20-20v-284c0-11.046-8.954-20-20-20h-452c-11.045 0-20 8.954-20 20v284c0 11.046 8.955 20 20 20h366.563"
transform="translate(431.542 477)"
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 0v37c0 33.14 26.86 60 60 60h1.79"
transform="translate(75 188)"
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 0h1.79c33.14 0 60-26.86 60-60v-37"
transform="translate(191.21 285)"
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 23.196-18.804 42-42 42S-84 23.196-84 0v-22c0-23.196 18.804-42 42-42S0-45.196 0-22z"
transform="translate(206 339)"
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 0v175.667h424v-256H0v45.437"
transform="translate(44 267.333)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M280 402h80v-80h-80z"
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 0h153"
transform="translate(281 281)"
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 0h43"
transform="translate(391 322)"
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 0h43"
transform="translate(391 362)"
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 0h43"
transform="translate(391 402)"
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 0h153"
transform="translate(281 240)"
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