laptop 2 icon
laptop-2-line-duotone from Solar by 480 Design · Line Duotone · Devices · CC-BY-4.0 Attribution required.
- Name
- laptop-2-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More devices icons from Solar
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
Use the laptop 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.5 15V10C20.5 7.17157 20.5 5.75736 19.6213 4.87868C18.7426 4 17.3284 4 14.5 4H9.5C6.67157 4 5.25736 4 4.37868 4.87868C3.5 5.75736 3.5 7.17157 3.5 10V15" opacity=".5"/><path stroke-linecap="round" d="M5 20H19C20.6569 20 22 18.6569 22 17V16C22 15.4477 21.5523 15 21 15H16.6667C16.2339 15 15.8129 15.1404 15.4667 15.4L14.5333 16.1C14.1871 16.3596 13.7661 16.5 13.3333 16.5H10.6667C10.2339 16.5 9.81286 16.3596 9.46667 16.1L8.53333 15.4C8.18714 15.1404 7.76607 15 7.33333 15H3C2.44772 15 2 15.4477 2 16V17C2 18.6569 3.34315 20 5 20Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLaptop2LineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M20.5 15V10C20.5 7.17157 20.5 5.75736 19.6213 4.87868C18.7426 4 17.3284 4 14.5 4H9.5C6.67157 4 5.25736 4 4.37868 4.87868C3.5 5.75736 3.5 7.17157 3.5 10V15" opacity=".5"/><path strokeLinecap="round" d="M5 20H19C20.6569 20 22 18.6569 22 17V16C22 15.4477 21.5523 15 21 15H16.6667C16.2339 15 15.8129 15.1404 15.4667 15.4L14.5333 16.1C14.1871 16.3596 13.7661 16.5 13.3333 16.5H10.6667C10.2339 16.5 9.81286 16.3596 9.46667 16.1L8.53333 15.4C8.18714 15.1404 7.76607 15 7.33333 15H3C2.44772 15 2 15.4477 2 16V17C2 18.6569 3.34315 20 5 20Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.5 15V10C20.5 7.17157 20.5 5.75736 19.6213 4.87868C18.7426 4 17.3284 4 14.5 4H9.5C6.67157 4 5.25736 4 4.37868 4.87868C3.5 5.75736 3.5 7.17157 3.5 10V15" opacity=".5"/><path stroke-linecap="round" d="M5 20H19C20.6569 20 22 18.6569 22 17V16C22 15.4477 21.5523 15 21 15H16.6667C16.2339 15 15.8129 15.1404 15.4667 15.4L14.5333 16.1C14.1871 16.3596 13.7661 16.5 13.3333 16.5H10.6667C10.2339 16.5 9.81286 16.3596 9.46667 16.1L8.53333 15.4C8.18714 15.1404 7.76607 15 7.33333 15H3C2.44772 15 2 15.4477 2 16V17C2 18.6569 3.34315 20 5 20Z"/></g></svg> </template>
CSS
.icon-laptop-2-line-duotone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.5%2015V10C20.5%207.17157%2020.5%205.75736%2019.6213%204.87868C18.7426%204%2017.3284%204%2014.5%204H9.5C6.67157%204%205.25736%204%204.37868%204.87868C3.5%205.75736%203.5%207.17157%203.5%2010V15%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%2020H19C20.6569%2020%2022%2018.6569%2022%2017V16C22%2015.4477%2021.5523%2015%2021%2015H16.6667C16.2339%2015%2015.8129%2015.1404%2015.4667%2015.4L14.5333%2016.1C14.1871%2016.3596%2013.7661%2016.5%2013.3333%2016.5H10.6667C10.2339%2016.5%209.81286%2016.3596%209.46667%2016.1L8.53333%2015.4C8.18714%2015.1404%207.76607%2015%207.33333%2015H3C2.44772%2015%202%2015.4477%202%2016V17C2%2018.6569%203.34315%2020%205%2020Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.5%2015V10C20.5%207.17157%2020.5%205.75736%2019.6213%204.87868C18.7426%204%2017.3284%204%2014.5%204H9.5C6.67157%204%205.25736%204%204.37868%204.87868C3.5%205.75736%203.5%207.17157%203.5%2010V15%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%2020H19C20.6569%2020%2022%2018.6569%2022%2017V16C22%2015.4477%2021.5523%2015%2021%2015H16.6667C16.2339%2015%2015.8129%2015.1404%2015.4667%2015.4L14.5333%2016.1C14.1871%2016.3596%2013.7661%2016.5%2013.3333%2016.5H10.6667C10.2339%2016.5%209.81286%2016.3596%209.46667%2016.1L8.53333%2015.4C8.18714%2015.1404%207.76607%2015%207.33333%2015H3C2.44772%2015%202%2015.4477%202%2016V17C2%2018.6569%203.34315%2020%205%2020Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/laptop-2-line-duotone.svg?color=%231a73e8&size=48
