Microsoft Windows icon

logos:microsoft-windows

The Microsoft Windows icon (logos:microsoft-windows) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 109 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 109
Tags: microsoftwindows, window

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="109" viewBox="0 0 512 109"><path fill="#0078d4" d="M212.07 86.332h-13.33L185.7 36.764l-13.155 49.568H158.92l-17.913-64.426h12.099l12.92 51.27l14.095-51.27h12.216L205.61 73.47l12.275-51.564h11.687zm34.592-59.728c0 1.694-.597 3.063-1.792 4.21l-.146.136q-1.85 1.762-4.58 1.762t-4.582-1.762c-1.233-1.174-1.879-2.584-1.879-4.346s.646-3.23 1.88-4.463q1.937-1.762 4.58-1.762c1.88 0 3.406.587 4.64 1.82c1.184 1.185 1.826 2.585 1.876 4.202zm-12.098 59.728V39.936h10.806v46.396zm63.369 0h-10.865V60.49c0-6.754-2.115-12.627-8.927-12.627c-6.813 0-11.1 6.108-11.1 12.275v26.193H256.47V39.936h10.571v6.519h.176c3.524-5.462 8.575-7.341 15.211-7.341c4.992 0 8.81 1.233 11.57 4.404c2.76 3.172 3.935 7.987 3.935 14.506zm42.284 0v-5.99h-.176c-3.347 5.637-10.219 6.93-14.976 6.93c-14.212 0-19.439-11.042-19.439-22.787q0-11.717 5.814-18.676c3.935-4.699 9.162-6.754 15.68-6.754c10.161 0 12.921 5.638 12.921 5.638h.176v-26.84H351.2v68.479zm.118-26.487c0-5.58-3.583-11.98-11.217-11.98c-8.692 0-12.099 7.575-12.099 16.326c0 7.635 3.172 14.506 11.453 14.623c8.023 0 11.672-7.598 11.801-13.96zm66.246 3.054c0 16.092-9.631 24.783-24.02 24.783c-15.68 0-23.726-9.396-23.726-23.785c0-16.444 9.631-25.018 24.9-25.018c13.92 0 22.846 8.926 22.846 24.02m-11.276.352c0-7.165-2.525-15.093-12.215-15.093c-9.28 0-12.92 6.93-12.92 15.387c0 9.22 4.345 15.034 12.802 15.034c9.07 0 12.212-6.85 12.33-15.078zm69.418 23.08h-11.922l-9.103-33.592l-9.808 33.593h-11.57l-13.507-46.279h11.335l8.81 35.942l10.335-35.942h10.63l9.22 35.884l8.575-35.884h10.395zM512 73.412c0 10.337-9.397 14.389-18.793 14.389c-6.108 0-12.216-2.35-12.216-2.35V74.469l.214.178c1.059.85 5.942 4.469 12.472 4.52c5.05 0 7.34-1.585 7.34-4.639c.115-2.403-1.276-3.747-2.977-4.738l-.42-.238c-1.23-.684-3.023-1.562-5.47-2.541c-3.054-1.292-5.345-2.584-6.813-3.818s-2.584-2.642-3.289-4.287c-.705-1.644-1.233-3.465-1.233-5.638c0-8.34 6.989-14.27 18.088-14.27c7.342 0 10.513 1.82 10.513 1.82v10.336l-.235-.156c-1.075-.697-5.667-3.485-10.395-3.485c-3.876 0-6.813 1.41-6.871 4.64c0 4.11 5.05 6.166 8.046 7.34c4.288 1.716 7.464 3.543 9.254 5.644l.142.17c1.831 2.175 2.603 4.294 2.641 7.824zM0 0h51.27v51.27H0zm56.908 0h51.27v51.27h-51.27zM0 56.908h51.27v51.27H0zm56.908 0h51.27v51.27h-51.27z"/></svg>

How to use the Microsoft Windows icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:microsoft-windows" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:microsoft-windows" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:microsoft-windows" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--microsoft-windows]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:microsoft-windows"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:microsoft-windows"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/microsoft-windows.svg" alt="Microsoft Windows icon" width="24" height="24">

Related icons in SVG Logos

Microsoft Windows icon in other icon sets

Microsoft Windows icon FAQ

Is the Microsoft Windows icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Microsoft Windows icon in React?

Install @iconify/react and render <Icon icon="logos:microsoft-windows" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Microsoft Windows icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/microsoft-windows.svg" alt="Microsoft Windows icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →