ios laptop icon
ios-laptop from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-laptop
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios laptop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3 0-17.2 7.6-17.2 17.1v238.4H15.9c0 9.9 9.9 18.8 18.9 22.7C45.7 394.8 64 400 84 400h344c20 0 38.2-4.5 48.3-8.8 9.5-4 19.8-13.4 19.8-23.7H448zM256 120c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zM82 136.2h348c1.1 0 2 .9 2 2v211.3c0 1.1-.9 2-2 2H82c-1.1 0-2-.9-2-2V138.2c0-1.2.9-2 2-2zm216.3 239.3h-84.6c-5.2 0-9.7-6-9.7-7.5h104c0 1.5-3 7.5-9.7 7.5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosLaptop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3 0-17.2 7.6-17.2 17.1v238.4H15.9c0 9.9 9.9 18.8 18.9 22.7C45.7 394.8 64 400 84 400h344c20 0 38.2-4.5 48.3-8.8 9.5-4 19.8-13.4 19.8-23.7H448zM256 120c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zM82 136.2h348c1.1 0 2 .9 2 2v211.3c0 1.1-.9 2-2 2H82c-1.1 0-2-.9-2-2V138.2c0-1.2.9-2 2-2zm216.3 239.3h-84.6c-5.2 0-9.7-6-9.7-7.5h104c0 1.5-3 7.5-9.7 7.5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3 0-17.2 7.6-17.2 17.1v238.4H15.9c0 9.9 9.9 18.8 18.9 22.7C45.7 394.8 64 400 84 400h344c20 0 38.2-4.5 48.3-8.8 9.5-4 19.8-13.4 19.8-23.7H448zM256 120c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zM82 136.2h348c1.1 0 2 .9 2 2v211.3c0 1.1-.9 2-2 2H82c-1.1 0-2-.9-2-2V138.2c0-1.2.9-2 2-2zm216.3 239.3h-84.6c-5.2 0-9.7-6-9.7-7.5h104c0 1.5-3 7.5-9.7 7.5z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20512%20512%22%3E%3Cpath%20d%3D%22M448%20367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3%200-17.2%207.6-17.2%2017.1v238.4H15.9c0%209.9%209.9%2018.8%2018.9%2022.7C45.7%20394.8%2064%20400%2084%20400h344c20%200%2038.2-4.5%2048.3-8.8%209.5-4%2019.8-13.4%2019.8-23.7H448zM256%20120c2.2%200%204%201.8%204%204s-1.8%204-4%204-4-1.8-4-4%201.8-4%204-4zM82%20136.2h348c1.1%200%202%20.9%202%202v211.3c0%201.1-.9%202-2%202H82c-1.1%200-2-.9-2-2V138.2c0-1.2.9-2%202-2zm216.3%20239.3h-84.6c-5.2%200-9.7-6-9.7-7.5h104c0%201.5-3%207.5-9.7%207.5z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M448%20367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3%200-17.2%207.6-17.2%2017.1v238.4H15.9c0%209.9%209.9%2018.8%2018.9%2022.7C45.7%20394.8%2064%20400%2084%20400h344c20%200%2038.2-4.5%2048.3-8.8%209.5-4%2019.8-13.4%2019.8-23.7H448zM256%20120c2.2%200%204%201.8%204%204s-1.8%204-4%204-4-1.8-4-4%201.8-4%204-4zM82%20136.2h348c1.1%200%202%20.9%202%202v211.3c0%201.1-.9%202-2%202H82c-1.1%200-2-.9-2-2V138.2c0-1.2.9-2%202-2zm216.3%20239.3h-84.6c-5.2%200-9.7-6-9.7-7.5h104c0%201.5-3%207.5-9.7%207.5z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-laptop.svg?color=%231a73e8&size=48
