Laptop icon

A free laptop icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Devices & Gadgets
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: laptop, computer, portable, notebook, technology, device, personal computer

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 13C20 14.66 18.66 16 17 16L3 16C1.34 16 0 14.66 0 13C0 12.45 0.45 12 1 12L19 12C19.55 12 20 12.45 20 13Z"/>
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 12L19 4.8C19 3.12 19 2.28 18.67 1.64C18.39 1.07 17.93 0.61 17.36 0.33C16.72 0 15.88 0 14.2 0L5.8 0C4.12 0 3.28 0 2.64 0.33C2.07 0.61 1.61 1.07 1.33 1.64C1 2.28 1 3.12 1 4.8L1 12"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 3)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M6.76 0C5.95 0 5.29 0 4.75 0.04C4.19 0.09 3.67 0.19 3.18 0.44C2.43 0.82 1.82 1.43 1.44 2.18C1.19 2.67 1.09 3.19 1.04 3.75C1 4.29 1 4.95 1 5.76L1 12.27C0.4 12.61 0 13.26 0 14C0 16.21 1.79 18 4 18L18 18C20.21 18 22 16.21 22 14C22 13.26 21.6 12.61 21 12.27L21 5.76C21 4.95 21 4.29 20.96 3.75C20.91 3.19 20.81 2.67 20.56 2.18C20.18 1.43 19.57 0.82 18.82 0.44C18.33 0.19 17.81 0.09 17.25 0.04C16.71 0 16.05 0 15.24 0L6.76 0ZM3 12L19 12L19 5.8C19 4.94 19 4.36 18.96 3.91C18.93 3.47 18.86 3.25 18.78 3.09C18.59 2.72 18.28 2.41 17.91 2.22C17.75 2.14 17.53 2.07 17.09 2.04C16.64 2 16.06 2 15.2 2L6.8 2C5.94 2 5.36 2 4.91 2.04C4.47 2.07 4.25 2.14 4.09 2.22C3.72 2.41 3.41 2.72 3.22 3.09C3.14 3.25 3.07 3.47 3.04 3.91C3 4.36 3 4.94 3 5.8L3 12Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18 12L18 4.8C18 3.12 18 2.28 17.67 1.64C17.39 1.07 16.93 0.61 16.36 0.33C15.72 0 14.88 0 13.2 0L4.8 0C3.12 0 2.28 0 1.64 0.33C1.07 0.61 0.61 1.07 0.33 1.64C0 2.28 0 3.12 0 4.8L0 12"/>
  <path transform="translate(2 16)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 1C20 2.66 18.66 4 17 4L3 4C1.34 4 0 2.66 0 1C0 0.45 0.45 0 1 0L19 0C19.55 0 20 0.45 20 1Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18 12L18 4.8C18 3.12 18 2.28 17.67 1.64C17.39 1.07 16.93 0.61 16.36 0.33C15.72 0 14.88 0 13.2 0L4.8 0C3.12 0 2.28 0 1.64 0.33C1.07 0.61 0.61 1.07 0.33 1.64C0 2.28 0 3.12 0 4.8L0 12L18 12Z"/>
  <path transform="translate(1 15)" fill="currentColor" d="M20 0L2 0C0.9 0 0 0.9 0 2C0 4.21 1.79 6 4 6L18 6C20.21 6 22 4.21 22 2C22 0.9 21.1 0 20 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 16)" fill="currentColor" d="M20 1C20 2.66 18.66 4 17 4L3 4C1.34 4 0 2.66 0 1C0 0.45 0.45 0 1 0L19 0C19.55 0 20 0.45 20 1Z"/>
  <path transform="translate(2 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19 12L19 4.8C19 3.12 19 2.28 18.67 1.64C18.39 1.07 17.93 0.61 17.36 0.33C16.72 0 15.88 0 14.2 0L5.8 0C4.12 0 3.28 0 2.64 0.33C2.07 0.61 1.61 1.07 1.33 1.64C1 2.28 1 3.12 1 4.8L1 12M19 12L1 12M19 12C19.55 12 20 12.45 20 13C20 14.66 18.66 16 17 16L3 16C1.34 16 0 14.66 0 13C0 12.45 0.45 12 1 12"/>
</svg>