laptop icon
laptop from IconPark TwoTone by ByteDance · Two tone · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- laptop
- Set
- IconPark TwoTone
- Style
- Two tone
- 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 IconslaptopIconParklaptopIconPark OutlinelaptopIconPark SolidlaptopIconoirlaptopIonIconslaptopKeyline IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage Icons
More hardware icons from IconPark TwoTone
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGMlZleJHc1"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M8 8h32v20H8z"/><path d="M8 28L4 41h40l-4-13"/><path fill="#555" d="M19.9 35h8.2l1.9 6H18z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGMlZleJHc1)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGMlZleJHc1"><g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#555" d="M8 8h32v20H8z"/><path d="M8 28L4 41h40l-4-13"/><path fill="#555" d="M19.9 35h8.2l1.9 6H18z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGMlZleJHc1)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGMlZleJHc1"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M8 8h32v20H8z"/><path d="M8 28L4 41h40l-4-13"/><path fill="#555" d="M19.9 35h8.2l1.9 6H18z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGMlZleJHc1)"/></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%3Cdefs%3E%3Cmask%20id%3D%22SVGMlZleJHc1%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M8%208h32v20H8z%22%2F%3E%3Cpath%20d%3D%22M8%2028L4%2041h40l-4-13%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M19.9%2035h8.2l1.9%206H18z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGMlZleJHc1)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGMlZleJHc1%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M8%208h32v20H8z%22%2F%3E%3Cpath%20d%3D%22M8%2028L4%2041h40l-4-13%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M19.9%2035h8.2l1.9%206H18z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGMlZleJHc1)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/laptop.svg?color=%231a73e8&size=48
