Microsoft Forms Light アイコン

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

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

selfhst:microsoft-forms-light

Microsoft Forms Light アイコン(selfhst:microsoft-forms-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
タグ: microsoftforms、formslight、microsoftformslight、form

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M504.8 199.1v10.3c0 25.7-20.8 46.5-46.5 46.5H221.8c8 8.3 12.9 19.6 12.9 32V423c0 25.5-20.7 46.2-46.2 46.2H89.9c14.9 25.5 42.5 42.7 74.2 42.7h298.1c23.6 0 42.7-19.1 42.7-42.7zm-71.1 230.1c0 6.4-5.2 11.6-11.6 11.6H317.4c-6.4 0-11.6-5.2-11.6-11.6V324.5c0-6.4 5.2-11.6 11.6-11.6h104.7c6.4 0 11.6 5.2 11.6 11.6z" opacity=".75"/><path fill="#fff" d="M458.3 0H164.1c-47.4 0-85.8 38.4-85.8 85.8v155.9h110.2c13.1 0 24.9 5.5 33.3 14.2h236.5c25.7 0 46.5-20.8 46.5-46.5V46.5C504.8 20.8 484 0 458.3 0m-88.5 199.1c-43.2 0-78.2-35-78.2-78.2s35-78.2 78.2-78.2s78.2 35 78.2 78.2s-35.1 78.2-78.2 78.2" opacity=".5"/><path fill="#fff" d="M369.8 163.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7s-42.7 19.1-42.7 42.7s19.1 42.7 42.7 42.7" opacity=".75"/><path fill="#fff" d="M422.1 312.9H317.4c-6.4 0-11.6 5.2-11.6 11.6v104.7c0 6.4 5.2 11.6 11.6 11.6h104.7c6.4 0 11.6-5.2 11.6-11.6V324.5c0-6.4-5.2-11.6-11.6-11.6" opacity=".5"/><path fill="#fff" d="M188.5 241.8H53.4c-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.2V288c0-25.5-20.7-46.2-46.2-46.2m-30 73h-45.9v31.3h42.2v24.1h-42.2v50.3H83.3v-130h75.2z"/></svg>

Microsoft Forms Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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