ICONYZ
日本語
selfh.st/icons の Microsoft Forms 2019 アイコン

Microsoft Forms 2019 アイコン

selfhst:microsoft-forms-2019

Microsoft Forms 2019 アイコン(selfhst:microsoft-forms-2019)は、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、form
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#036c70" d="M512 256v216.3c0 12-9.8 21.8-21.8 21.8H140.9c-12 0-21.8-9.8-21.8-21.8V256l202.4-23.8z"/><path fill="#37c6d0" d="M140.9 17.9h349.4c12 0 21.8 9.8 21.8 21.8V256h-393V39.7c0-12.1 9.7-21.8 21.8-21.8"/><path fill="#1a9ba1" d="M333.4 315.5h119.1v119.1H333.4z"/><circle cx="392.9" cy="136.9" r="71.4" fill="#1a9ba1"/><circle cx="392.9" cy="136.9" r="35.7" fill="#036c70"/><path d="M264 113.1H119.1v297.7H264c12 0 21.8-9.8 21.8-21.8V134.9c0-12-9.8-21.8-21.8-21.8" opacity=".1"/><path d="M252.1 125h-133v297.7h133c12 0 21.8-9.8 21.8-21.8V146.8c0-12-9.8-21.8-21.8-21.8" opacity=".2"/><path d="M252.1 125h-133v273.9h133c12 0 21.8-9.8 21.8-21.8V146.8c0-12-9.8-21.8-21.8-21.8" opacity=".2"/><path d="M240.2 125H119.1v273.9h121.1c12 0 21.8-9.8 21.8-21.8V146.8c0-12-9.8-21.8-21.8-21.8" opacity=".2"/><linearGradient id="SVGsa3D3dsG" x1="45.458" x2="216.327" y1="265.986" y2="561.923" gradientTransform="translate(0 -158)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#058f92"/><stop offset=".5" stop-color="#038489"/><stop offset="1" stop-color="#026d71"/></linearGradient><path fill="url(#SVGsa3D3dsG)" d="M21.8 125H240c12 0 21.8 9.8 21.8 21.8v218.3c0 12-9.8 21.8-21.8 21.8H21.8C9.8 387 0 377.2 0 365.2V146.8c0-12 9.8-21.8 21.8-21.8"/><path fill="#fff" d="M175.2 208.1h-61.4v38.7H171v23h-57.3V327H86V185h89.3z"/></svg>

Microsoft Forms 2019 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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