laptop emoji
laptop from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- laptop
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji 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 Flatlaptopcss.gglaptopHealth IconslaptopHuge IconslaptopIconParklaptopIconPark OutlinelaptopIconPark SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopKeyline IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage Icons
More objects icons from Fluent Emoji High Contrast
Use the laptop emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.243 4a.25.25 0 0 0-.25.25v13.5c0 .138.112.25.25.25H25.75a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25zm20.026 17.28l.72 3.25a.38.38 0 0 1-.37.46H5.373c-.24 0-.42-.23-.37-.46l.72-3.25c.04-.17.19-.29.37-.29H25.9c.18 0 .33.12.37.29m-15.455 6.71h10.362c.16 0 .28-.15.24-.31l-.38-1.5a.255.255 0 0 0-.24-.19h-9.602c-.11 0-.21.08-.24.19l-.38 1.5c-.04.16.08.31.24.31"/><path d="M30.966 28.685L29 19.4V3a2 2 0 0 0-2.001-2H4.993a2 2 0 0 0-2 2v16.4l-1.959 9.285a2 2 0 0 0-.034.406A1.91 1.91 0 0 0 2.903 31H29.09A1.914 1.914 0 0 0 31 29.091c0-.13-.006-.279-.034-.406M26.999 3v16H4.993V3zm1.982 26H3.01l1.899-9h22.173z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.243 4a.25.25 0 0 0-.25.25v13.5c0 .138.112.25.25.25H25.75a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25zm20.026 17.28l.72 3.25a.38.38 0 0 1-.37.46H5.373c-.24 0-.42-.23-.37-.46l.72-3.25c.04-.17.19-.29.37-.29H25.9c.18 0 .33.12.37.29m-15.455 6.71h10.362c.16 0 .28-.15.24-.31l-.38-1.5a.255.255 0 0 0-.24-.19h-9.602c-.11 0-.21.08-.24.19l-.38 1.5c-.04.16.08.31.24.31"/><path d="M30.966 28.685L29 19.4V3a2 2 0 0 0-2.001-2H4.993a2 2 0 0 0-2 2v16.4l-1.959 9.285a2 2 0 0 0-.034.406A1.91 1.91 0 0 0 2.903 31H29.09A1.914 1.914 0 0 0 31 29.091c0-.13-.006-.279-.034-.406M26.999 3v16H4.993V3zm1.982 26H3.01l1.899-9h22.173z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.243 4a.25.25 0 0 0-.25.25v13.5c0 .138.112.25.25.25H25.75a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25zm20.026 17.28l.72 3.25a.38.38 0 0 1-.37.46H5.373c-.24 0-.42-.23-.37-.46l.72-3.25c.04-.17.19-.29.37-.29H25.9c.18 0 .33.12.37.29m-15.455 6.71h10.362c.16 0 .28-.15.24-.31l-.38-1.5a.255.255 0 0 0-.24-.19h-9.602c-.11 0-.21.08-.24.19l-.38 1.5c-.04.16.08.31.24.31"/><path d="M30.966 28.685L29 19.4V3a2 2 0 0 0-2.001-2H4.993a2 2 0 0 0-2 2v16.4l-1.959 9.285a2 2 0 0 0-.034.406A1.91 1.91 0 0 0 2.903 31H29.09A1.914 1.914 0 0 0 31 29.091c0-.13-.006-.279-.034-.406M26.999 3v16H4.993V3zm1.982 26H3.01l1.899-9h22.173z"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.243%204a.25.25%200%200%200-.25.25v13.5c0%20.138.112.25.25.25H25.75a.25.25%200%200%200%20.25-.25V4.25a.25.25%200%200%200-.25-.25zm20.026%2017.28l.72%203.25a.38.38%200%200%201-.37.46H5.373c-.24%200-.42-.23-.37-.46l.72-3.25c.04-.17.19-.29.37-.29H25.9c.18%200%20.33.12.37.29m-15.455%206.71h10.362c.16%200%20.28-.15.24-.31l-.38-1.5a.255.255%200%200%200-.24-.19h-9.602c-.11%200-.21.08-.24.19l-.38%201.5c-.04.16.08.31.24.31%22%2F%3E%3Cpath%20d%3D%22M30.966%2028.685L29%2019.4V3a2%202%200%200%200-2.001-2H4.993a2%202%200%200%200-2%202v16.4l-1.959%209.285a2%202%200%200%200-.034.406A1.91%201.91%200%200%200%202.903%2031H29.09A1.914%201.914%200%200%200%2031%2029.091c0-.13-.006-.279-.034-.406M26.999%203v16H4.993V3zm1.982%2026H3.01l1.899-9h22.173z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.243%204a.25.25%200%200%200-.25.25v13.5c0%20.138.112.25.25.25H25.75a.25.25%200%200%200%20.25-.25V4.25a.25.25%200%200%200-.25-.25zm20.026%2017.28l.72%203.25a.38.38%200%200%201-.37.46H5.373c-.24%200-.42-.23-.37-.46l.72-3.25c.04-.17.19-.29.37-.29H25.9c.18%200%20.33.12.37.29m-15.455%206.71h10.362c.16%200%20.28-.15.24-.31l-.38-1.5a.255.255%200%200%200-.24-.19h-9.602c-.11%200-.21.08-.24.19l-.38%201.5c-.04.16.08.31.24.31%22%2F%3E%3Cpath%20d%3D%22M30.966%2028.685L29%2019.4V3a2%202%200%200%200-2.001-2H4.993a2%202%200%200%200-2%202v16.4l-1.959%209.285a2%202%200%200%200-.034.406A1.91%201.91%200%200%200%202.903%2031H29.09A1.914%201.914%200%200%200%2031%2029.091c0-.13-.006-.279-.034-.406M26.999%203v16H4.993V3zm1.982%2026H3.01l1.899-9h22.173z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/laptop.svg?color=%231a73e8&size=48
