microsoft windows icon
microsoft-windows from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- microsoft-windows
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Use the microsoft windows icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 7.189V2.865c0-.102 0-.115.115-.115h8.622c.128 0 .14 0 .14.128V11.5c0 .128 0 .128-.14.128H2.865c-.102 0-.115 0-.115-.116zM7.189 21.25H2.865c-.102 0-.115 0-.115-.116V12.59c0-.128 0-.128.128-.128h8.635c.102 0 .115 0 .115.115v8.57c0 .09 0 .103-.116.103zM21.25 7.189v4.31c0 .116 0 .116-.116.116h-8.557c-.102 0-.128 0-.128-.115V2.865c0-.09 0-.102.115-.102h8.48c.206 0 .206 0 .206.205zm-8.763 9.661v-4.273c0-.09 0-.115.103-.09h8.621c.026 0 0 .09 0 .142v8.518a.06.06 0 0 1-.017.06a.06.06 0 0 1-.06.017H12.54s-.09 0-.077-.09V16.85z"/></svg>
React
import type { SVGProps } from "react";
export function MageMicrosoftWindows(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" d="M2.75 7.189V2.865c0-.102 0-.115.115-.115h8.622c.128 0 .14 0 .14.128V11.5c0 .128 0 .128-.14.128H2.865c-.102 0-.115 0-.115-.116zM7.189 21.25H2.865c-.102 0-.115 0-.115-.116V12.59c0-.128 0-.128.128-.128h8.635c.102 0 .115 0 .115.115v8.57c0 .09 0 .103-.116.103zM21.25 7.189v4.31c0 .116 0 .116-.116.116h-8.557c-.102 0-.128 0-.128-.115V2.865c0-.09 0-.102.115-.102h8.48c.206 0 .206 0 .206.205zm-8.763 9.661v-4.273c0-.09 0-.115.103-.09h8.621c.026 0 0 .09 0 .142v8.518a.06.06 0 0 1-.017.06a.06.06 0 0 1-.06.017H12.54s-.09 0-.077-.09V16.85z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 7.189V2.865c0-.102 0-.115.115-.115h8.622c.128 0 .14 0 .14.128V11.5c0 .128 0 .128-.14.128H2.865c-.102 0-.115 0-.115-.116zM7.189 21.25H2.865c-.102 0-.115 0-.115-.116V12.59c0-.128 0-.128.128-.128h8.635c.102 0 .115 0 .115.115v8.57c0 .09 0 .103-.116.103zM21.25 7.189v4.31c0 .116 0 .116-.116.116h-8.557c-.102 0-.128 0-.128-.115V2.865c0-.09 0-.102.115-.102h8.48c.206 0 .206 0 .206.205zm-8.763 9.661v-4.273c0-.09 0-.115.103-.09h8.621c.026 0 0 .09 0 .142v8.518a.06.06 0 0 1-.017.06a.06.06 0 0 1-.06.017H12.54s-.09 0-.077-.09V16.85z"/></svg> </template>
CSS
.icon-microsoft-windows {
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%20d%3D%22M2.75%207.189V2.865c0-.102%200-.115.115-.115h8.622c.128%200%20.14%200%20.14.128V11.5c0%20.128%200%20.128-.14.128H2.865c-.102%200-.115%200-.115-.116zM7.189%2021.25H2.865c-.102%200-.115%200-.115-.116V12.59c0-.128%200-.128.128-.128h8.635c.102%200%20.115%200%20.115.115v8.57c0%20.09%200%20.103-.116.103zM21.25%207.189v4.31c0%20.116%200%20.116-.116.116h-8.557c-.102%200-.128%200-.128-.115V2.865c0-.09%200-.102.115-.102h8.48c.206%200%20.206%200%20.206.205zm-8.763%209.661v-4.273c0-.09%200-.115.103-.09h8.621c.026%200%200%20.09%200%20.142v8.518a.06.06%200%200%201-.017.06a.06.06%200%200%201-.06.017H12.54s-.09%200-.077-.09V16.85z%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%20d%3D%22M2.75%207.189V2.865c0-.102%200-.115.115-.115h8.622c.128%200%20.14%200%20.14.128V11.5c0%20.128%200%20.128-.14.128H2.865c-.102%200-.115%200-.115-.116zM7.189%2021.25H2.865c-.102%200-.115%200-.115-.116V12.59c0-.128%200-.128.128-.128h8.635c.102%200%20.115%200%20.115.115v8.57c0%20.09%200%20.103-.116.103zM21.25%207.189v4.31c0%20.116%200%20.116-.116.116h-8.557c-.102%200-.128%200-.128-.115V2.865c0-.09%200-.102.115-.102h8.48c.206%200%20.206%200%20.206.205zm-8.763%209.661v-4.273c0-.09%200-.115.103-.09h8.621c.026%200%200%20.09%200%20.142v8.518a.06.06%200%200%201-.017.06a.06.06%200%200%201-.06.017H12.54s-.09%200-.077-.09V16.85z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/microsoft-windows.svg?color=%231a73e8&size=48
