Web Environment icon
fluent-mdl2:web-environment
The Web Environment icon (fluent-mdl2:web-environment) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- webenvironment
SVG code
<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>How to use the Web Environment icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/web-environment.svg" alt="Web Environment icon" width="24" height="24">Related icons in Fluent UI MDL2
Web Environment icon FAQ
Is the Web Environment icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Web Environment icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:web-environment" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Web Environment icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/web-environment.svg" alt="Web Environment icon">, or paste the SVG code inline to style it with CSS.