Web Environment アイコン
fluent-mdl2:web-environment
Web Environment アイコン(fluent-mdl2:web-environment)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- webenvironment
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1920 1280l128 640H0l128-640h232q-51-88-77-185t-27-199q0-106 27-204t78-183t120-156t155-120t184-77t204-28t204 27t183 78t156 120t120 155t77 184t28 204q0 102-26 199t-78 185zm-256-384q0-32-3-64t-10-64h-249q6 65 6 128q0 64-6 128h249q6-32 9-64t4-64m-890 128h500q6-64 6-128q0-63-6-128H774q-6 65-6 128q0 64 6 128m482 128H792q4 23 14 60t25 81t35 86t44 78t53 57t61 22q32 0 60-22t53-57t44-78t35-86t25-80t15-61m-477 335q-46-76-74-162t-43-173H438q24 53 60 103t80 95t96 79t105 58m607-335q-16 86-43 172t-73 163q54-24 104-59t95-78t81-94t60-104zm224-512q-51-113-138-200t-203-135q46 76 73 162t44 173zm-586-384q-32 0-60 22t-53 57t-44 78t-35 86t-26 80t-14 61h464q-5-23-14-60t-25-81t-35-86t-44-78t-53-57t-61-22m-245 49q-115 48-202 135T438 640h224q16-87 43-173t74-162M397 768q-6 32-9 64t-4 64q0 32 3 64t10 64h249q-6-64-6-128q0-63 6-128zM156 1792h1736l-77-384h-220q-54 61-119 108t-139 81t-152 50t-161 17q-82 0-161-17t-152-50t-138-80t-120-109H233z"/></svg>Web Environment アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:web-environment" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:web-environment" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:web-environment" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--web-environment]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:web-environment"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:web-environment"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/web-environment.svg" alt="Web Environment アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
Web Environment アイコン のよくある質問
Web Environment アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Web Environment アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:web-environment" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Web Environment アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/web-environment.svg" alt="Web Environment アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。