Windows Logo Bold icon
ph:windows-logo-bold
The Windows Logo Bold icon (ph:windows-logo-bold) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- microsoft, computers, windowslogo, logobold, windowslogobold, window
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M99.69 51.88a12 12 0 0 0-9.84-2.6l-60 10.91A12 12 0 0 0 20 72v36a12 12 0 0 0 12 12h60a12 12 0 0 0 12-12V61.09a12 12 0 0 0-4.31-9.21M80 96H44V82l36-6.54Zm135.69-65.21a12 12 0 0 0-9.84-2.6l-76 13.81A12 12 0 0 0 120 53.82V108a12 12 0 0 0 12 12h76a12 12 0 0 0 12-12V40a12 12 0 0 0-4.31-9.21M196 96h-52V63.83l52-9.45ZM92 136H32a12 12 0 0 0-12 12v36a12 12 0 0 0 9.85 11.81l60 10.91A12 12 0 0 0 104 194.91V148a12 12 0 0 0-12-12m-12 44.53L44 174v-14h36ZM208 136h-76a12 12 0 0 0-12 12v54.18a12 12 0 0 0 9.85 11.82l76 13.82A12 12 0 0 0 220 216v-68a12 12 0 0 0-12-12m-12 65.62l-52-9.45V160h52Z"/></svg>How to use the Windows Logo Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:windows-logo-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:windows-logo-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:windows-logo-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--windows-logo-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:windows-logo-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:windows-logo-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/windows-logo-bold.svg" alt="Windows Logo Bold icon" width="24" height="24">Related icons in Phosphor
Windows Logo Bold icon FAQ
Is the Windows Logo Bold icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Windows Logo Bold icon in React?
Install @iconify/react and render <Icon icon="ph:windows-logo-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Windows Logo Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/windows-logo-bold.svg" alt="Windows Logo Bold icon">, or paste the SVG code inline to style it with CSS.