laptop icon
laptop from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- laptop
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
All laptop icons →laptop-outlinedAnt Design IconslaptopBootstrap IconslaptopBoxIcons v2laptopFont Awesome 6 SolidlaptopFont Awesome Solidlaptop-16-filledFluent UI System Iconslaptop-16Fluent UI System Color IconslaptopFluent EmojilaptopFluent Emoji FlatlaptopFluent Emoji High Contrastlaptopcss.gglaptopHealth IconslaptopHuge IconslaptopIconParklaptopIconPark OutlinelaptopIconPark SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopKeyline IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage Icons
More tools icons from Carbon
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24.005H6a2 2 0 0 1-2-2v-14a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v14a2.003 2.003 0 0 1-2 2m-20-16v14h20v-14Zm-4 18h28v2H2z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24.005H6a2 2 0 0 1-2-2v-14a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v14a2.003 2.003 0 0 1-2 2m-20-16v14h20v-14Zm-4 18h28v2H2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24.005H6a2 2 0 0 1-2-2v-14a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v14a2.003 2.003 0 0 1-2 2m-20-16v14h20v-14Zm-4 18h28v2H2z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26%2024.005H6a2%202%200%200%201-2-2v-14a2%202%200%200%201%202-2h20a2%202%200%200%201%202%202v14a2.003%202.003%200%200%201-2%202m-20-16v14h20v-14Zm-4%2018h28v2H2z%22%2F%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26%2024.005H6a2%202%200%200%201-2-2v-14a2%202%200%200%201%202-2h20a2%202%200%200%201%202%202v14a2.003%202.003%200%200%201-2%202m-20-16v14h20v-14Zm-4%2018h28v2H2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/laptop.svg?color=%231a73e8&size=48
