Microsoft Windows Logo 1 Block アイコン

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

はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-logos:microsoft-windows-logo-1-block

Microsoft Windows Logo 1 Block アイコン(streamline-logos:microsoft-windows-logo-1-block)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Logos free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: OS・システム
タグ: microsoftwindows、windowslogo、logoblock、microsoftwindowslogoblock、window

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm3.333 4.607c.492-.156 1.154-.274 2-.274c1.033 0 1.935.402 2.713.853l-1.572 4.989c-.886-.501-1.91-.935-3.075-.935c-.949 0-1.729.126-2.326.295l1.11-4.164a.5.5 0 0 1 .13-.225c.19-.19.542-.388 1.02-.54Zm.066 5.883c.953 0 1.816.39 2.69.907L9.66 16.93c-.641-.35-1.288-.597-1.993-.597c-.754 0-1.314.105-1.7.227c-.4.127-.582.262-.613.293a.5.5 0 0 1-.837-.482l1.157-4.339q.042-.025.109-.06a3.6 3.6 0 0 1 .565-.215c.485-.144 1.172-.267 2.051-.267m4.873 2.236a14 14 0 0 1-1.09-.642L10.76 17.6c.358.23.725.463 1.085.647c.457.234.957.42 1.488.42c1.116 0 2.531-.23 3.098-.344a.5.5 0 0 0 .386-.36l1.067-4.006c-.802.127-1.917.264-2.852.264c-.631 0-1.223-.22-1.76-.495m1.76-.755c1.086 0 2.49-.21 3.207-.343l1.244-4.666a.5.5 0 0 0-.581-.619c-.544.109-1.884.324-2.902.324c-.302 0-.636-.107-1.033-.31a10 10 0 0 1-.826-.487l-1.569 4.98l.05.031c.44.282.833.534 1.22.732c.461.237.845.358 1.19.358" clip-rule="evenodd"/></svg>

Microsoft Windows Logo 1 Block アイコンの使い方

React

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

<Icon icon="streamline-logos:microsoft-windows-logo-1-block" width="24" />

Vue

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

<template>
  <Icon icon="streamline-logos:microsoft-windows-logo-1-block" width="24" />
</template>

Svelte

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

<Icon icon="streamline-logos:microsoft-windows-logo-1-block" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-logos:microsoft-windows-logo-1-block"></iconify-icon>

HTML 画像

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

Logos free icons の関連アイコン

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

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

はい。Logos free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Logos free icons をすべて見る →