Color

Advanced editing in SVG Editor

Mage Icons

Laptop Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: laptop computer device screen desktop

The Laptop icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310800.svg" alt="Laptop icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310800.svg" alt="Laptop icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310800.svg"
  alt="Laptop icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-laptop {
  background-image: url('https://proicons.com/icon/310800.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.7506 16.1625V6.21161C19.7506 5.91837 19.6341 5.63714 19.4268 5.42979C19.2194 5.22244 18.9382 5.10596 18.645 5.10596H5.37716C5.23196 5.10596 5.08819 5.13456 4.95404 5.19012C4.8199 5.24568 4.69801 5.32713 4.59534 5.42979C4.49268 5.53246 4.41123 5.65435 4.35567 5.78849C4.30011 5.92264 4.27151 6.06641 4.27151 6.21161V16.1625" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 16.1625H21.5V17.5283C21.5 17.8905 21.3332 18.2379 21.0363 18.494C20.7393 18.7502 20.3366 18.8941 19.9167 18.8941H4.08333C3.66341 18.8941 3.26068 18.7502 2.96375 18.494C2.66682 18.2379 2.5 17.8905 2.5 17.5283V16.1625Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Laptop in other icon packs

Bootstrap Icons

Phosphor Icons

VISTA Style Icons

Carbon Icons

Ionicons

Copied!

Laptop Icon

More from Mage Icons

Laptop in other icon packs