Microsoft Word Light アイコン

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

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

selfhst:microsoft-word-light

Microsoft Word Light アイコン(selfhst:microsoft-word-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: microsoftword、wordlight、microsoftwordlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M504.2 299.7c-3.9 23.6-24.4 41.6-49.1 41.6H188l-17.1 79.2h-33.5l-14.6-68.9c-1.5.8-3.1 1.7-4.5 2.7l-14.7 66.2H78.5c-.1 2-.2 4-.2 6.1c0 47.1 38.2 85.3 85.3 85.3h291.6c27.5 0 49.8-22.3 49.8-49.8V300.2z" opacity=".8"/><path fill="#fff" d="M455.1 170.7H163.6c-47.1 0-85.3 38.2-85.3 85.3v74.6l8.9 45.8l16.5-85.8h33.8l10.5 52.2c4.3-.8 8.8-1.3 13.4-1.4l9.6-50.8h28l-11 50.7h267.1c27.5 0 49.8-22.3 49.8-49.8V120.9c0 27.5-22.3 49.8-49.8 49.8" opacity=".65"/><path fill="#fff" d="M78.2 85.3C78.2 38.2 116.4 0 163.6 0h291.6C482.7 0 505 22.3 505 49.8v71.1c0 27.5-22.3 49.8-49.8 49.8H163.6c-47.1 0-85.3 38.2-85.3 85.3V85.3z" opacity=".5"/><path fill="#fff" d="M188.4 241.8H53.3c-25.5 0-46.2 20.7-46.2 46.2v135.1c0 25.5 20.7 46.2 46.2 46.2h135.1c25.5 0 46.2-20.7 46.2-46.2V288c.1-25.5-20.6-46.2-46.2-46.2m-17.5 178.8h-33.5l-16.5-78l-17.3 78H69.8l-26.9-130h27.6l16.6 85.8l16.5-85.8h33.8l17.3 85.8l16.2-85.8h28z"/></svg>

Microsoft Word Light アイコンの使い方

React

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

<Icon icon="selfhst:microsoft-word-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:microsoft-word-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:microsoft-word-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--microsoft-word-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:microsoft-word-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:microsoft-word-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/microsoft-word-light.svg" alt="Microsoft Word Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

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

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

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

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

selfh.st/icons をすべて見る →