laptop icon
laptop from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- laptop
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- laptop-solid
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 SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopKeyline IconslaptopMaterial Line IconslaptopLucidelaptopMage Icons
More objects icons from Line Awesome
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="M5 6v13.563l-2.281 2.312A2.45 2.45 0 0 0 2 23.594A2.417 2.417 0 0 0 4.406 26h23.188A2.417 2.417 0 0 0 30 23.594c0-.64-.266-1.266-.719-1.719L27 19.562V6zm2 2h18v11H7zm-.563 13h19.125l2.313 2.281a.47.47 0 0 1 .125.313a.385.385 0 0 1-.406.406H4.406A.385.385 0 0 1 4 23.594c0-.11.047-.235.125-.313z"/></svg>
React
import type { SVGProps } from "react";
export function LaLaptop(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="M5 6v13.563l-2.281 2.312A2.45 2.45 0 0 0 2 23.594A2.417 2.417 0 0 0 4.406 26h23.188A2.417 2.417 0 0 0 30 23.594c0-.64-.266-1.266-.719-1.719L27 19.562V6zm2 2h18v11H7zm-.563 13h19.125l2.313 2.281a.47.47 0 0 1 .125.313a.385.385 0 0 1-.406.406H4.406A.385.385 0 0 1 4 23.594c0-.11.047-.235.125-.313z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 6v13.563l-2.281 2.312A2.45 2.45 0 0 0 2 23.594A2.417 2.417 0 0 0 4.406 26h23.188A2.417 2.417 0 0 0 30 23.594c0-.64-.266-1.266-.719-1.719L27 19.562V6zm2 2h18v11H7zm-.563 13h19.125l2.313 2.281a.47.47 0 0 1 .125.313a.385.385 0 0 1-.406.406H4.406A.385.385 0 0 1 4 23.594c0-.11.047-.235.125-.313z"/></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%22M5%206v13.563l-2.281%202.312A2.45%202.45%200%200%200%202%2023.594A2.417%202.417%200%200%200%204.406%2026h23.188A2.417%202.417%200%200%200%2030%2023.594c0-.64-.266-1.266-.719-1.719L27%2019.562V6zm2%202h18v11H7zm-.563%2013h19.125l2.313%202.281a.47.47%200%200%201%20.125.313a.385.385%200%200%201-.406.406H4.406A.385.385%200%200%201%204%2023.594c0-.11.047-.235.125-.313z%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%22M5%206v13.563l-2.281%202.312A2.45%202.45%200%200%200%202%2023.594A2.417%202.417%200%200%200%204.406%2026h23.188A2.417%202.417%200%200%200%2030%2023.594c0-.64-.266-1.266-.719-1.719L27%2019.562V6zm2%202h18v11H7zm-.563%2013h19.125l2.313%202.281a.47.47%200%200%201%20.125.313a.385.385%200%200%201-.406.406H4.406A.385.385%200%200%201%204%2023.594c0-.11.047-.235.125-.313z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/laptop.svg?color=%231a73e8&size=48
