Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, pencil, ruler, graphic design, design, ui, art and design, and design skills. Created in a clean lineal color style with a white, gray, black, red, yellow, teal, 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="60"
height="60"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(-1)">
<path
fill="#00bcd4"
d="M60 3.18V43h-5.37a3.993 3.993 0 0 0-.63-4.83l-19.8-19.8-5.17-2.62-3.58-1.81a1 1 0 0 0-1.34 1.34l1.81 3.58 2.62 5.17L47.51 43H16V7a2.006 2.006 0 0 0-2-2H8a2.006 2.006 0 0 0-2 2v36H2V3.18A2.1 2.1 0 0 1 4 1h54a2.1 2.1 0 0 1 2 2.18z"
/>
<path
fill="#7f8e94"
d="M60 43v3.82A2.1 2.1 0 0 1 58 49H16v-6h31.51l.83.83a4.008 4.008 0 0 0 5.66 0 3.87 3.87 0 0 0 .63-.83z"
/>
<path
fill="#545c60"
d="M49.667 44.709c-.497-.2-.948-.5-1.327-.879l-.83-.83h-3l.83.83a4 4 0 0 0 4.327.879zM57 43v3.82A2.1 2.1 0 0 1 55 49h3a2.1 2.1 0 0 0 2-2.18V43z"
/>
<path fill="#7f8e94" d="M6 43v6H4a2.1 2.1 0 0 1-2-2.18V43z" />
<path fill="#545c60" d="M42 55H20l3-6h16z" />
<path
fill="#7f8e94"
d="M48 57a2.006 2.006 0 0 1-2 2H16a2.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="#545c60"
d="M47.41 55.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="#00838f"
d="M58 1h-3a2.1 2.1 0 0 1 2 2.18V43h3V3.18A2.1 2.1 0 0 0 58 1zM28.54 24.03l-2.62-5.17-1.81-3.58a.978.978 0 0 1-.095-.549l-1.565-.791a1 1 0 0 0-1.34 1.34l1.81 3.58 2.62 5.17L44.51 43h3zM3 7v36h3V7a2.006 2.006 0 0 1 2-2H5a2.006 2.006 0 0 0-2 2z"
/>
<rect width="10" height="46" x="6" y="5" fill="#ffdc00" rx="2" />
<path
fill="#fec108"
d="M14 5h-3a2.006 2.006 0 0 1 2 2v42a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2V7a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#ef314c"
d="M54.63 43a3.87 3.87 0 0 1-.63.83 4.008 4.008 0 0 1-5.66 0l-.83-.83-2-2 5.66-5.66L54 38.17a3.993 3.993 0 0 1 .63 4.83z"
/>
<path
fill="#ffdc00"
d="m28.534 24.03 5.66-5.658L48.33 32.51l-5.659 5.659z"
/>
<path fill="#7f8e94" d="m42.672 38.17 5.658-5.658 2.83 2.83L45.5 41z" />
<path
fill="#000"
stroke="#000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M31.368 21.201 45.51 35.343"
/>
<path
fill="#37474f"
d="M29.03 15.75a5.008 5.008 0 0 1-3.11 3.11l-1.81-3.58a1 1 0 0 1 1.34-1.34z"
/>
<path
fill="#ffe0b2"
d="m34.2 18.37-5.66 5.66-2.62-5.17a5.008 5.008 0 0 0 3.11-3.11z"
/>
<g fill="#f5f5f5">
<circle cx="50.46" cy="41.707" r="1" />
<path
d="M46 8h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM54 8h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM54 16h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM54 12h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM34 38h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM24 38h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM24 30h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM29 34h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#000"
d="M58 0H4a3.1 3.1 0 0 0-3 3.18v43.64A3.1 3.1 0 0 0 4 50h1.184A3 3 0 0 0 8 52h6a3 3 0 0 0 2.816-2h4.566l-2 4H16a3 3 0 0 0 0 6h30a3 3 0 0 0 0-6h-3.382l-2-4H58a3.1 3.1 0 0 0 3-3.18V3.18A3.1 3.1 0 0 0 58 0zM4 2h54a1.117 1.117 0 0 1 1 1.18V42h-2.94a5 5 0 0 0-1.36-4.536l-19.8-19.8a1.958 1.958 0 0 0-.255-.186l-8.745-4.43a2 2 0 0 0-2.68 2.688l4.43 8.745c.054.09.116.176.185.255L45.1 42H17V7a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v35H3V3.18A1.117 1.117 0 0 1 4 2zm25.954 22.029 1.414-1.414L44.1 35.343l-1.414 1.415zm-1.146-1.682-1.53-3.018a5.8 5.8 0 0 0 2.222-2.217l3.018 1.529zm-2.434-4.8L25 14.834l2.712 1.375a3.935 3.935 0 0 1-1.338 1.336zM45.51 33.929 32.782 21.2l1.418-1.413 12.725 12.728zm-1.41 4.242 4.243-4.242 1.414 1.414-4.247 4.243zM46.924 41l4.243-4.243 2.122 2.121a3 3 0 0 1-4.243 4.244zM3 46.82V44h2v4H4a1.117 1.117 0 0 1-1-1.18zM14 50H8a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h-3a1 1 0 0 0 0 2h3v2h-1a1 1 0 0 0 0 2h1v2h-3a1 1 0 0 0 0 2h3v2h-1a1 1 0 0 0 0 2h1v2h-3a1 1 0 0 0 0 2h3v2h-1a1 1 0 0 0 0 2h1v2h-3a1 1 0 0 0 0 2h3v2h-1a1 1 0 0 0 0 2h1v2h-3a1 1 0 0 0 0 2h3v2h-1a1 1 0 0 0 0 2h1v2a1 1 0 0 1-1 1zm33 7a1 1 0 0 1-1 1H16a1 1 0 0 1 0-2h30a1 1 0 0 1 1 1zm-6.618-3H21.618l2-4h14.764zM58 48H17v-4h30.1l.536.536A4.856 4.856 0 0 0 55.14 44H59v2.82A1.117 1.117 0 0 1 58 48z"
/>
</g>
</svg>
More icons in the same style and category