Build Definition icon
fluent-mdl2:build-definition
The Build Definition icon (fluent-mdl2:build-definition) 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
- builddefinition
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M896 1920h128v128H0v-128h128v-832q0-76 28-143t76-119t114-84t142-37l608-627q35-36 82-57t98-21q36 0 72 10t68 29t57 46t41 61l384 858q17 37 17 83q0 40-14 75t-40 61t-61 42t-75 15q-57 0-104-31t-71-83l-251-562l-408 421q2 16 3 31t2 32zm498-1414l198 440l117-50l-220-493q-19 29-45 54t-50 49m394 581q0-20-9-38t-17-36l-118 50q7 15 13 30t15 29t21 21t33 9q27 0 44-19t18-46M644 727q62 23 113 65t85 99l530-546q18-19 27-42t9-49t-10-49t-27-40t-40-27t-49-10q-56 0-94 39zM256 1920h512v-832q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100zm256-896q27 0 50 10t40 27t28 41t10 50q0 27-10 50t-27 40t-41 28t-50 10q-27 0-50-10t-40-27t-28-41t-10-50q0-27 10-50t27-40t41-28t50-10m0 128h64zm896 640v-128h640v128zm0-384h640v128h-640zm-256 128v-128h128v128zm256 512v-128h640v128zm-256 0v-128h128v128zm0-256v-128h128v128z"/></svg>How to use the Build Definition icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:build-definition" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:build-definition" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:build-definition" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--build-definition]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:build-definition"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:build-definition"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/build-definition.svg" alt="Build Definition icon" width="24" height="24">Related icons in Fluent UI MDL2
Build Definition icon FAQ
Is the Build Definition 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 Build Definition icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:build-definition" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Build Definition icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/build-definition.svg" alt="Build Definition icon">, or paste the SVG code inline to style it with CSS.