desktop icon
desktop from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- desktop
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All desktop icons →More devices icons from Reicon
Use the desktop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.933 1.25H7.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858C.96 4.068.852 4.61.8 5.24C.75 5.853.75 6.614.75 7.566v4.866q0 .54.003 1.003a1 1 0 0 0 .001.144c.006.445.018.835.046 1.18c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05H9.25V20c0 .69-.56 1.25-1.25 1.25h-.5a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5H16c-.69 0-1.25-.56-1.25-1.25v-1.25h2.183c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1 1 0 0 0 .001-.144q.004-.462.003-1.003V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m4.817 11.5V7.6c0-.992 0-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75 2.75 0 0 0-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.246-.045-2.238-.045H7.1c-.992 0-1.692 0-2.238.045c-.537.044-.86.127-1.11.255A2.75 2.75 0 0 0 2.55 4.252c-.128.25-.21.573-.255 1.11c-.044.546-.045 1.246-.045 2.238v5.15zm-19.478 1.5q.008.207.023.388c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h9.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm10.978 4.5h-2.5V20c0 .45-.108.875-.3 1.25h3.1c-.192-.375-.3-.8-.3-1.25z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconDesktop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M16.933 1.25H7.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858C.96 4.068.852 4.61.8 5.24C.75 5.853.75 6.614.75 7.566v4.866q0 .54.003 1.003a1 1 0 0 0 .001.144c.006.445.018.835.046 1.18c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05H9.25V20c0 .69-.56 1.25-1.25 1.25h-.5a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5H16c-.69 0-1.25-.56-1.25-1.25v-1.25h2.183c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1 1 0 0 0 .001-.144q.004-.462.003-1.003V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m4.817 11.5V7.6c0-.992 0-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75 2.75 0 0 0-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.246-.045-2.238-.045H7.1c-.992 0-1.692 0-2.238.045c-.537.044-.86.127-1.11.255A2.75 2.75 0 0 0 2.55 4.252c-.128.25-.21.573-.255 1.11c-.044.546-.045 1.246-.045 2.238v5.15zm-19.478 1.5q.008.207.023.388c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h9.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm10.978 4.5h-2.5V20c0 .45-.108.875-.3 1.25h3.1c-.192-.375-.3-.8-.3-1.25z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.933 1.25H7.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858C.96 4.068.852 4.61.8 5.24C.75 5.853.75 6.614.75 7.566v4.866q0 .54.003 1.003a1 1 0 0 0 .001.144c.006.445.018.835.046 1.18c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05H9.25V20c0 .69-.56 1.25-1.25 1.25h-.5a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5H16c-.69 0-1.25-.56-1.25-1.25v-1.25h2.183c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1 1 0 0 0 .001-.144q.004-.462.003-1.003V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m4.817 11.5V7.6c0-.992 0-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75 2.75 0 0 0-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.246-.045-2.238-.045H7.1c-.992 0-1.692 0-2.238.045c-.537.044-.86.127-1.11.255A2.75 2.75 0 0 0 2.55 4.252c-.128.25-.21.573-.255 1.11c-.044.546-.045 1.246-.045 2.238v5.15zm-19.478 1.5q.008.207.023.388c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h9.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm10.978 4.5h-2.5V20c0 .45-.108.875-.3 1.25h3.1c-.192-.375-.3-.8-.3-1.25z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-desktop {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.933%201.25H7.067c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858C.96%204.068.852%204.61.8%205.24C.75%205.853.75%206.614.75%207.566v4.866q0%20.54.003%201.003a1%201%200%200%200%20.001.144c.006.445.018.835.046%201.18c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05H9.25V20c0%20.69-.56%201.25-1.25%201.25h-.5a.75.75%200%200%200%200%201.5h9a.75.75%200%200%200%200-1.5H16c-.69%200-1.25-.56-1.25-1.25v-1.25h2.183c.952%200%201.713%200%202.327-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1%201%200%200%200%20.001-.144q.004-.462.003-1.003V7.567c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m4.817%2011.5V7.6c0-.992%200-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75%202.75%200%200%200-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.246-.045-2.238-.045H7.1c-.992%200-1.692%200-2.238.045c-.537.044-.86.127-1.11.255A2.75%202.75%200%200%200%202.55%204.252c-.128.25-.21.573-.255%201.11c-.044.546-.045%201.246-.045%202.238v5.15zm-19.478%201.5q.008.207.023.388c.044.537.127.86.255%201.11a2.75%202.75%200%200%200%201.202%201.202c.25.128.573.21%201.11.255c.546.044%201.246.045%202.238.045h9.8c.992%200%201.692%200%202.238-.045c.537-.044.86-.127%201.11-.255a2.75%202.75%200%200%200%201.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm10.978%204.5h-2.5V20c0%20.45-.108.875-.3%201.25h3.1c-.192-.375-.3-.8-.3-1.25z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.933%201.25H7.067c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858C.96%204.068.852%204.61.8%205.24C.75%205.853.75%206.614.75%207.566v4.866q0%20.54.003%201.003a1%201%200%200%200%20.001.144c.006.445.018.835.046%201.18c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05H9.25V20c0%20.69-.56%201.25-1.25%201.25h-.5a.75.75%200%200%200%200%201.5h9a.75.75%200%200%200%200-1.5H16c-.69%200-1.25-.56-1.25-1.25v-1.25h2.183c.952%200%201.713%200%202.327-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1%201%200%200%200%20.001-.144q.004-.462.003-1.003V7.567c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m4.817%2011.5V7.6c0-.992%200-1.692-.045-2.238c-.044-.537-.127-.86-.255-1.11a2.75%202.75%200%200%200-1.2-1.202c-.252-.128-.574-.21-1.111-.255c-.546-.044-1.246-.045-2.238-.045H7.1c-.992%200-1.692%200-2.238.045c-.537.044-.86.127-1.11.255A2.75%202.75%200%200%200%202.55%204.252c-.128.25-.21.573-.255%201.11c-.044.546-.045%201.246-.045%202.238v5.15zm-19.478%201.5q.008.207.023.388c.044.537.127.86.255%201.11a2.75%202.75%200%200%200%201.202%201.202c.25.128.573.21%201.11.255c.546.044%201.246.045%202.238.045h9.8c.992%200%201.692%200%202.238-.045c.537-.044.86-.127%201.11-.255a2.75%202.75%200%200%200%201.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm10.978%204.5h-2.5V20c0%20.45-.108.875-.3%201.25h3.1c-.192-.375-.3-.8-.3-1.25z%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/reicon/desktop.svg?color=%231a73e8&size=48
