laptop icon
laptop-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- laptop-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
laptop-outlinedAnt Design IconslaptopBootstrap IconslaptopBoxIcons v2laptopCarbonlaptopFont Awesome 6 SolidlaptopFont Awesome Solidlaptop-16Fluent UI System Color IconslaptopFluent EmojilaptopFluent Emoji FlatlaptopFluent Emoji High Contrastlaptopcss.gglaptopHealth IconslaptopHuge IconslaptopIconParklaptopIconPark OutlinelaptopIconPark SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage IconslaptopMajesticons
Related icons in Fluent UI System Icons
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.754 5a2.75 2.75 0 0 0-2.75 2.75v8.5A2.75 2.75 0 0 0 6.754 19h14.5a2.75 2.75 0 0 0 2.75-2.75v-8.5A2.75 2.75 0 0 0 21.254 5zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h14.5c.69 0 1.25.56 1.25 1.25v8.5c0 .69-.56 1.25-1.25 1.25h-14.5c-.69 0-1.25-.56-1.25-1.25zM2.754 20.5a.75.75 0 0 0 0 1.5H25.25a.75.75 0 0 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentLaptop28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.754 5a2.75 2.75 0 0 0-2.75 2.75v8.5A2.75 2.75 0 0 0 6.754 19h14.5a2.75 2.75 0 0 0 2.75-2.75v-8.5A2.75 2.75 0 0 0 21.254 5zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h14.5c.69 0 1.25.56 1.25 1.25v8.5c0 .69-.56 1.25-1.25 1.25h-14.5c-.69 0-1.25-.56-1.25-1.25zM2.754 20.5a.75.75 0 0 0 0 1.5H25.25a.75.75 0 0 0 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.754 5a2.75 2.75 0 0 0-2.75 2.75v8.5A2.75 2.75 0 0 0 6.754 19h14.5a2.75 2.75 0 0 0 2.75-2.75v-8.5A2.75 2.75 0 0 0 21.254 5zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h14.5c.69 0 1.25.56 1.25 1.25v8.5c0 .69-.56 1.25-1.25 1.25h-14.5c-.69 0-1.25-.56-1.25-1.25zM2.754 20.5a.75.75 0 0 0 0 1.5H25.25a.75.75 0 0 0 0-1.5z"/></svg> </template>
CSS
.icon-laptop-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.754%205a2.75%202.75%200%200%200-2.75%202.75v8.5A2.75%202.75%200%200%200%206.754%2019h14.5a2.75%202.75%200%200%200%202.75-2.75v-8.5A2.75%202.75%200%200%200%2021.254%205zm-1.25%202.75c0-.69.56-1.25%201.25-1.25h14.5c.69%200%201.25.56%201.25%201.25v8.5c0%20.69-.56%201.25-1.25%201.25h-14.5c-.69%200-1.25-.56-1.25-1.25zM2.754%2020.5a.75.75%200%200%200%200%201.5H25.25a.75.75%200%200%200%200-1.5z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.754%205a2.75%202.75%200%200%200-2.75%202.75v8.5A2.75%202.75%200%200%200%206.754%2019h14.5a2.75%202.75%200%200%200%202.75-2.75v-8.5A2.75%202.75%200%200%200%2021.254%205zm-1.25%202.75c0-.69.56-1.25%201.25-1.25h14.5c.69%200%201.25.56%201.25%201.25v8.5c0%20.69-.56%201.25-1.25%201.25h-14.5c-.69%200-1.25-.56-1.25-1.25zM2.754%2020.5a.75.75%200%200%200%200%201.5H25.25a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/laptop-28-regular.svg?color=%231a73e8&size=48
