laptop icon
laptop from IconPark by ByteDance · Color · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- laptop
- Set
- IconPark
- Style
- Color
- Category
- Hardware
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
All laptop icons →laptop-outlinedAnt Design IconslaptopBootstrap IconslaptopBoxIcons v2laptopCarbonlaptopFont Awesome 6 SolidlaptopFont Awesome Solidlaptop-16-filledFluent UI System Iconslaptop-16Fluent UI System Color IconslaptopFluent EmojilaptopFluent Emoji FlatlaptopFluent Emoji High Contrastlaptopcss.gglaptopHealth IconslaptopHuge IconslaptopIconPark OutlinelaptopIconPark SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopKeyline IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage Icons
More hardware icons from IconPark
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="32" height="20" x="8" y="8" fill="#2F88FF"/><path d="M8 28L4 41H44L40 28"/><path fill="#2F88FF" d="M19.9 35H28.1L30 41H18L19.9 35Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><rect width="32" height="20" x="8" y="8" fill="#2F88FF"/><path d="M8 28L4 41H44L40 28"/><path fill="#2F88FF" d="M19.9 35H28.1L30 41H18L19.9 35Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="32" height="20" x="8" y="8" fill="#2F88FF"/><path d="M8 28L4 41H44L40 28"/><path fill="#2F88FF" d="M19.9 35H28.1L30 41H18L19.9 35Z"/></g></svg> </template>
CSS
.icon-laptop {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Crect%20width%3D%2232%22%20height%3D%2220%22%20x%3D%228%22%20y%3D%228%22%20fill%3D%22%232F88FF%22%2F%3E%3Cpath%20d%3D%22M8%2028L4%2041H44L40%2028%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M19.9%2035H28.1L30%2041H18L19.9%2035Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Crect%20width%3D%2232%22%20height%3D%2220%22%20x%3D%228%22%20y%3D%228%22%20fill%3D%22%232F88FF%22%2F%3E%3Cpath%20d%3D%22M8%2028L4%2041H44L40%2028%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M19.9%2035H28.1L30%2041H18L19.9%2035Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/laptop.svg?color=%231a73e8&size=48
