Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, education, school, online, learning, and architecture and city. Created in a clean lineal color style with a white, silver, gray, black, red, teal, and orange 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="512"
height="512"
viewBox="0 0 56 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(0 1)">
<path
fill="#9e9e9e"
d="M55 42v3.82A2.1 2.1 0 0 1 53 48H3a2.1 2.1 0 0 1-2-2.18V42z"
/>
<path
fill="#707070"
d="M52 42v3.82A2.1 2.1 0 0 1 50 48h3a2.1 2.1 0 0 0 2-2.18V42z"
/>
<path
fill="#00bcd4"
d="m16.9 11.18 1.1-.68V17L1 21V6.18A2.1 2.1 0 0 1 3 4h17.93L14.8 7.77a1 1 0 0 0-.32 1.38l1.04 1.7c.29.47.908.618 1.38.33zM55 6.18V21l-17-4v-6.5l1.1.68c.472.288 1.09.14 1.38-.33l1.04-1.7a1 1 0 0 0-.32-1.38L35.07 4H53a2.1 2.1 0 0 1 2 2.18z"
/>
<path
fill="#00838f"
d="M53 4h-3a2.1 2.1 0 0 1 2 2.18v14.114L55 21V6.18A2.1 2.1 0 0 0 53 4z"
/>
<path fill="#ff9801" d="M18 17v25H1V21zM55 21v21H38V17z" />
<path fill="#f57c00" d="M38 17v.706L52 21v21h3V21z" />
<path fill="#707070" d="M39 54H17l3-6h16z" />
<path
fill="#9e9e9e"
d="M45 56a2.006 2.006 0 0 1-2 2H13a2.015 2.015 0 0 1-2-2 2.006 2.006 0 0 1 2-2h30a2.015 2.015 0 0 1 2 2z"
/>
<path
fill="#707070"
d="M44.41 54.59c-.37-.38-.88-.593-1.41-.59h-3a2.015 2.015 0 0 1 2 2 2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2c.003-.53-.21-1.04-.59-1.41z"
/>
<path
fill="#ff9801"
d="M38 10.5V42H18V10.5l9.48-5.83c.318-.2.722-.2 1.04 0z"
/>
<path
fill="#f57c00"
d="M28.52 4.67a.976.976 0 0 0-1.04 0l-.98.6L35 10.5V42h3V10.5z"
/>
<path
fill="#fec108"
d="m41.52 9.15-1.04 1.7c-.29.47-.908.618-1.38.33L38 10.5l-9.48-5.83a.976.976 0 0 0-1.04 0L18 10.5l-1.1.68c-.472.288-1.09.14-1.38-.33l-1.04-1.7a1 1 0 0 1 .32-1.38L20.93 4 26.95.3c.643-.4 1.457-.4 2.1 0L35.07 4l6.13 3.77a1 1 0 0 1 .32 1.38z"
/>
<path
fill="#ff5722"
d="M25 28h6a2 2 0 0 1 2 2v12H23V30a2 2 0 0 1 2-2z"
/>
<path
fill="#d84315"
d="M31 28h-3a2 2 0 0 1 2 2v12h3V30a2 2 0 0 0-2-2z"
/>
<g fill="#00bcd4">
<rect width="9" height="5" x="5" y="24" rx="1" />
<rect width="9" height="5" x="5" y="33" rx="1" />
<rect
width="9"
height="5"
x="42"
y="24"
rx="1"
transform="rotate(180 46.5 26.5)"
/>
<rect
width="9"
height="5"
x="42"
y="33"
rx="1"
transform="rotate(180 46.5 35.5)"
/>
</g>
<circle cx="28" cy="16" r="6" fill="#f5f5f5" />
<path
fill="#cfd8dc"
d="M28 10c-.506.003-1.01.07-1.5.2a5.992 5.992 0 0 1 0 11.606A6 6 0 1 0 28 10z"
/>
</g>
<g fill="#000">
<path
d="M3 50h15.382l-2 4H13a3 3 0 0 0 0 6h30a3 3 0 0 0 0-6h-3.382l-2-4H53a3.1 3.1 0 0 0 3-3.18V7.18A3.1 3.1 0 0 0 53 4H35.349L29.573.445a2.985 2.985 0 0 0-3.145 0L20.651 4H3a3.1 3.1 0 0 0-3 3.18v39.64A3.1 3.1 0 0 0 3 50zm41 7a1 1 0 0 1-1 1H13a1 1 0 0 1 0-2h30a1 1 0 0 1 1 1zm-6.618-3H18.618l2-4h14.764zM53 48H3a1.117 1.117 0 0 1-1-1.18V44h4a1 1 0 0 0 0-2H2V22.792l15-3.529V42h-7a1 1 0 0 0 0 2h44v2.82A1.117 1.117 0 0 1 53 48zm1-6H39V19.263l15 3.529zm-17 0h-3V31a3 3 0 0 0-3-3h-6a3 3 0 0 0-3 3v11h-3V12.06l9-5.538 9 5.539zm-5 0h-8V31a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zM53 6a1.117 1.117 0 0 1 1 1.18v13.557l-15-3.529v-3.986a1.986 1.986 0 0 0 2.327-.846l1.048-1.7a2 2 0 0 0-.654-2.752L38.6 6zM27.476 2.148c.321-.2.727-.2 1.048 0l12.148 7.476-1.047 1.7-10.577-6.505a1.992 1.992 0 0 0-2.1 0l-10.572 6.508-1.049-1.7zM3 6h14.4l-3.121 1.921a2 2 0 0 0-.654 2.752l1.047 1.7a2.006 2.006 0 0 0 1.707.953c.212-.003.421-.04.621-.109v3.991L2 20.737V7.18A1.117 1.117 0 0 1 3 6z"
/>
<path
d="M21 17a7 7 0 1 0 7-7 7.008 7.008 0 0 0-7 7zm12 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"
/>
<path
d="M27 15v1h-1a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0zM6 31h7a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2zm0-5h7v3H6zM15 38v-3a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2zm-9-3h7v3H6zM43 31h7a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2zm0-5h7v3h-7zM43 40h7a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2zm0-5h7v3h-7z"
/>
</g>
</g>
</svg>
More icons in the same style and category