Microsoft Windows アイコン

Q: Microsoft Windows アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:microsoft-windows

Microsoft Windows アイコン(logos:microsoft-windows)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 109 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 109
タグ: microsoftwindows、window

SVG をダウンロード

SVG コード

<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>

Microsoft Windows アイコンの使い方

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 コンポーネント

<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 画像

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

SVG Logos の関連アイコン

他のアイコンセットの Microsoft Windows アイコン

Microsoft Windows アイコンのよくある質問

Microsoft Windows アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Microsoft Windows アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:microsoft-windows" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Microsoft Windows アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/microsoft-windows.svg" alt="Microsoft Windows アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →