laptop icon
laptop from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- laptop
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
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 IconslaptopLine AwesomelaptopMaterial Line IconslaptopLucide
More devices icons from Reicon
Use the laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M8.3 3.25h7.4c.899 0 1.648 0 2.243.08c.627.084 1.194.27 1.65.725c.455.456.64 1.023.725 1.65c.08.595.08 1.345.08 2.243v7.284l1.513 1.561l.003.004l.008.007l.007.008l.006.006l.01.01l.01.011l.005.005l.008.009l.009.01l.008.01l.012.015c.372.43.703 1.074.748 1.717v.004l.003.023v.013l.002.014v.115c0 .13 0 .319-.005.4a2.75 2.75 0 0 1-2.57 2.57c-.088.006-.185.006-.311.006H4.137c-.126 0-.223 0-.31-.006a2.75 2.75 0 0 1-2.572-2.57a9 9 0 0 1-.004-.398v-.117l.001-.014v-.012l.003-.024v-.004c.046-.643.377-1.286.749-1.717l.012-.015l.008-.01l.01-.01l.007-.009l.004-.005l.011-.01l.01-.011l.005-.006l.008-.008l.007-.007l.004-.004l1.513-1.561V7.948c0-.898 0-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456 1.023-.642 1.65-.726c.595-.08 1.344-.08 2.243-.08M4.67 16.286l-1.514 1.563c-.227.253-.394.626-.405.877v.223l.001.13a1.25 1.25 0 0 0 1.17 1.168c.033.003.078.003.239.003h15.678c.16 0 .206 0 .24-.003a1.25 1.25 0 0 0 1.168-1.168l.001-.035l.001-.257v-.06c-.011-.252-.178-.625-.406-.878l-1.514-1.563zm14.227-1.5V8c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066H8.353c-.964 0-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.238.327-.3.788c-.065.483-.066 1.131-.066 2.095v6.786zM2.331 18.024l-.031-.012l.009.005zm6.419.476a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M12.75 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M8.3 3.25h7.4c.899 0 1.648 0 2.243.08c.627.084 1.194.27 1.65.725c.455.456.64 1.023.725 1.65c.08.595.08 1.345.08 2.243v7.284l1.513 1.561l.003.004l.008.007l.007.008l.006.006l.01.01l.01.011l.005.005l.008.009l.009.01l.008.01l.012.015c.372.43.703 1.074.748 1.717v.004l.003.023v.013l.002.014v.115c0 .13 0 .319-.005.4a2.75 2.75 0 0 1-2.57 2.57c-.088.006-.185.006-.311.006H4.137c-.126 0-.223 0-.31-.006a2.75 2.75 0 0 1-2.572-2.57a9 9 0 0 1-.004-.398v-.117l.001-.014v-.012l.003-.024v-.004c.046-.643.377-1.286.749-1.717l.012-.015l.008-.01l.01-.01l.007-.009l.004-.005l.011-.01l.01-.011l.005-.006l.008-.008l.007-.007l.004-.004l1.513-1.561V7.948c0-.898 0-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456 1.023-.642 1.65-.726c.595-.08 1.344-.08 2.243-.08M4.67 16.286l-1.514 1.563c-.227.253-.394.626-.405.877v.223l.001.13a1.25 1.25 0 0 0 1.17 1.168c.033.003.078.003.239.003h15.678c.16 0 .206 0 .24-.003a1.25 1.25 0 0 0 1.168-1.168l.001-.035l.001-.257v-.06c-.011-.252-.178-.625-.406-.878l-1.514-1.563zm14.227-1.5V8c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066H8.353c-.964 0-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.238.327-.3.788c-.065.483-.066 1.131-.066 2.095v6.786zM2.331 18.024l-.031-.012l.009.005zm6.419.476a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clipRule="evenodd"/><path d="M12.75 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M8.3 3.25h7.4c.899 0 1.648 0 2.243.08c.627.084 1.194.27 1.65.725c.455.456.64 1.023.725 1.65c.08.595.08 1.345.08 2.243v7.284l1.513 1.561l.003.004l.008.007l.007.008l.006.006l.01.01l.01.011l.005.005l.008.009l.009.01l.008.01l.012.015c.372.43.703 1.074.748 1.717v.004l.003.023v.013l.002.014v.115c0 .13 0 .319-.005.4a2.75 2.75 0 0 1-2.57 2.57c-.088.006-.185.006-.311.006H4.137c-.126 0-.223 0-.31-.006a2.75 2.75 0 0 1-2.572-2.57a9 9 0 0 1-.004-.398v-.117l.001-.014v-.012l.003-.024v-.004c.046-.643.377-1.286.749-1.717l.012-.015l.008-.01l.01-.01l.007-.009l.004-.005l.011-.01l.01-.011l.005-.006l.008-.008l.007-.007l.004-.004l1.513-1.561V7.948c0-.898 0-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456 1.023-.642 1.65-.726c.595-.08 1.344-.08 2.243-.08M4.67 16.286l-1.514 1.563c-.227.253-.394.626-.405.877v.223l.001.13a1.25 1.25 0 0 0 1.17 1.168c.033.003.078.003.239.003h15.678c.16 0 .206 0 .24-.003a1.25 1.25 0 0 0 1.168-1.168l.001-.035l.001-.257v-.06c-.011-.252-.178-.625-.406-.878l-1.514-1.563zm14.227-1.5V8c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066H8.353c-.964 0-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.238.327-.3.788c-.065.483-.066 1.131-.066 2.095v6.786zM2.331 18.024l-.031-.012l.009.005zm6.419.476a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="M12.75 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.3%203.25h7.4c.899%200%201.648%200%202.243.08c.627.084%201.194.27%201.65.725c.455.456.64%201.023.725%201.65c.08.595.08%201.345.08%202.243v7.284l1.513%201.561l.003.004l.008.007l.007.008l.006.006l.01.01l.01.011l.005.005l.008.009l.009.01l.008.01l.012.015c.372.43.703%201.074.748%201.717v.004l.003.023v.013l.002.014v.115c0%20.13%200%20.319-.005.4a2.75%202.75%200%200%201-2.57%202.57c-.088.006-.185.006-.311.006H4.137c-.126%200-.223%200-.31-.006a2.75%202.75%200%200%201-2.572-2.57a9%209%200%200%201-.004-.398v-.117l.001-.014v-.012l.003-.024v-.004c.046-.643.377-1.286.749-1.717l.012-.015l.008-.01l.01-.01l.007-.009l.004-.005l.011-.01l.01-.011l.005-.006l.008-.008l.007-.007l.004-.004l1.513-1.561V7.948c0-.898%200-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456%201.023-.642%201.65-.726c.595-.08%201.344-.08%202.243-.08M4.67%2016.286l-1.514%201.563c-.227.253-.394.626-.405.877v.223l.001.13a1.25%201.25%200%200%200%201.17%201.168c.033.003.078.003.239.003h15.678c.16%200%20.206%200%20.24-.003a1.25%201.25%200%200%200%201.168-1.168l.001-.035l.001-.257v-.06c-.011-.252-.178-.625-.406-.878l-1.514-1.563zm14.227-1.5V8c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066H8.353c-.964%200-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.238.327-.3.788c-.065.483-.066%201.131-.066%202.095v6.786zM2.331%2018.024l-.031-.012l.009.005zm6.419.476a.75.75%200%200%201%20.75-.75h5a.75.75%200%200%201%200%201.5h-5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.75%206.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.3%203.25h7.4c.899%200%201.648%200%202.243.08c.627.084%201.194.27%201.65.725c.455.456.64%201.023.725%201.65c.08.595.08%201.345.08%202.243v7.284l1.513%201.561l.003.004l.008.007l.007.008l.006.006l.01.01l.01.011l.005.005l.008.009l.009.01l.008.01l.012.015c.372.43.703%201.074.748%201.717v.004l.003.023v.013l.002.014v.115c0%20.13%200%20.319-.005.4a2.75%202.75%200%200%201-2.57%202.57c-.088.006-.185.006-.311.006H4.137c-.126%200-.223%200-.31-.006a2.75%202.75%200%200%201-2.572-2.57a9%209%200%200%201-.004-.398v-.117l.001-.014v-.012l.003-.024v-.004c.046-.643.377-1.286.749-1.717l.012-.015l.008-.01l.01-.01l.007-.009l.004-.005l.011-.01l.01-.011l.005-.006l.008-.008l.007-.007l.004-.004l1.513-1.561V7.948c0-.898%200-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456%201.023-.642%201.65-.726c.595-.08%201.344-.08%202.243-.08M4.67%2016.286l-1.514%201.563c-.227.253-.394.626-.405.877v.223l.001.13a1.25%201.25%200%200%200%201.17%201.168c.033.003.078.003.239.003h15.678c.16%200%20.206%200%20.24-.003a1.25%201.25%200%200%200%201.168-1.168l.001-.035l.001-.257v-.06c-.011-.252-.178-.625-.406-.878l-1.514-1.563zm14.227-1.5V8c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066H8.353c-.964%200-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.238.327-.3.788c-.065.483-.066%201.131-.066%202.095v6.786zM2.331%2018.024l-.031-.012l.009.005zm6.419.476a.75.75%200%200%201%20.75-.75h5a.75.75%200%200%201%200%201.5h-5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12.75%206.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/laptop.svg?color=%231a73e8&size=48
