laptop icon
laptop-outline from Health Icons by Resolve to Save Lives · Outline · Objects · MIT Free for personal and commercial use.
- Name
- laptop-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Objects
- Viewbox
- 48×48
- License
- MIT
- Aliases
- laptop2x-outline
1 other variant in Health Icons
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.gglaptopHuge IconslaptopIconParklaptopIconPark OutlinelaptopIconPark SolidlaptopIconPark TwoTonelaptopIconoirlaptopIonIconslaptopKeyline IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucidelaptopMage Icons
More objects icons from Health Icons
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7.057 31.477A2 2 0 0 1 7 31V12a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2v19c0 .244-.044.477-.123.693l3.111 4.76A1 1 0 0 1 43.151 38H4.8a1 1 0 0 1-.85-1.528zM9 12h30v19H9z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsLaptopOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M7.057 31.477A2 2 0 0 1 7 31V12a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2v19c0 .244-.044.477-.123.693l3.111 4.76A1 1 0 0 1 43.151 38H4.8a1 1 0 0 1-.85-1.528zM9 12h30v19H9z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7.057 31.477A2 2 0 0 1 7 31V12a2 2 0 0 1 2-2h30a2 2 0 0 1 2 2v19c0 .244-.044.477-.123.693l3.111 4.76A1 1 0 0 1 43.151 38H4.8a1 1 0 0 1-.85-1.528zM9 12h30v19H9z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-laptop-outline {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.057%2031.477A2%202%200%200%201%207%2031V12a2%202%200%200%201%202-2h30a2%202%200%200%201%202%202v19c0%20.244-.044.477-.123.693l3.111%204.76A1%201%200%200%201%2043.151%2038H4.8a1%201%200%200%201-.85-1.528zM9%2012h30v19H9z%22%20clip-rule%3D%22evenodd%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.057%2031.477A2%202%200%200%201%207%2031V12a2%202%200%200%201%202-2h30a2%202%200%200%201%202%202v19c0%20.244-.044.477-.123.693l3.111%204.76A1%201%200%200%201%2043.151%2038H4.8a1%201%200%200%201-.85-1.528zM9%2012h30v19H9z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/laptop-outline.svg?color=%231a73e8&size=48
