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 blue style with a white and silver 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"
>
<linearGradient id="a" x1="7.427%" x2="92.573%" y1="-7.336%" y2="110.252%">
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<g fill="none" fill-rule="nonzero" transform="translate(-1)">
<path
fill="url(#a)"
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="#e8edfc"
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="#cad9fc"
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="#a4c2f7"
d="M6 43v6H4a2.1 2.1 0 0 1-2-2.18V43zM42 55H20l3-6h16z"
/>
<path
fill="#e8edfc"
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="#cad9fc"
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="#a4c2f7"
d="M58 1h-3a2.1 2.1 0 0 1 2 2.18V43h3V3.18A2.1 2.1 0 0 0 58 1z"
/>
<path
fill="#cad9fc"
d="m28.54 24.03-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 43h3z"
/>
<path
fill="#a4c2f7"
d="M3 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="#e8edfc" rx="2" />
<path
fill="#cad9fc"
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="#e8edfc"
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.83zM28.534 24.03l5.66-5.658L48.33 32.51l-5.659 5.659z"
/>
<path
fill="#a4c2f7"
d="m42.672 38.17 5.658-5.658 2.83 2.83L45.5 41zM29.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="#e8edfc"
d="m34.2 18.37-5.66 5.66-2.62-5.17a5.008 5.008 0 0 0 3.11-3.11z"
/>
<path
fill="#fff"
d="M4 49h2a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2H7a2.1 2.1 0 0 1-2-2.18V3.18A2.1 2.1 0 0 1 7 1H4a2.1 2.1 0 0 0-2 2.18v43.64A2.1 2.1 0 0 0 4 49zM16 59h3c-.53.003-1.04-.21-1.41-.59A2 2 0 0 1 19 55h-3a2 2 0 0 0-1.41 3.41c.37.38.88.593 1.41.59zM26 49h-3l-3 6h3z"
/>
<path fill="#fff" d="M1 3.18h2v8H1z" />
<g fill="#428dff">
<path d="M2.02 8.18a1 1 0 1 1-.01-2h.01a1 1 0 1 1 0 2z" />
<path
d="M58 0H4a3.1 3.1 0 0 0-3 3.18 1 1 0 1 0 2 0A1.117 1.117 0 0 1 4 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 3v35H3V11.18a1 1 0 0 0-2 0v35.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 0zm-4.711 43.122a3.005 3.005 0 0 1-4.243 0L46.924 41l4.243-4.243 2.122 2.121a3.006 3.006 0 0 1 0 4.244zM44.1 38.171l4.243-4.242 1.414 1.414-4.247 4.243zM28.808 22.347l-1.53-3.018a5.8 5.8 0 0 0 2.222-2.217l3.018 1.529zm5.389-2.56 12.728 12.728-1.415 1.414L32.782 21.2zm-6.485-3.578a3.935 3.935 0 0 1-1.338 1.336L25 14.834zm3.656 6.406L44.1 35.343l-1.414 1.415-12.732-12.729zM3 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"
/>
<circle cx="50.46" cy="41.707" r="1" />
<path
d="M46 6h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zM54 8a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM54 14h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM44 11a1 1 0 0 0 1 1h9a1 1 0 0 0 0-2h-9a1 1 0 0 0-1 1zM27 37a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1zM20 38h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM20 30h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM20 34h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category