Msbuild icon
devicon:msbuild
The Msbuild icon (devicon:msbuild) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#4122aa" d="m78.66 30.89l6.65-3.85V14.72L57.33 30.9a2.67 2.67 0 0 0 0 4.62l28 16.17V71.7a8 8 0 0 1-4 6.93L72 84.03a16 16 0 0 1-16 0L36 72.46a2.67 2.67 0 0 0-4 2.31v32.34l10.67-6.16v-7.7a2.67 2.67 0 0 1 4-2.3L56 96.33a16 16 0 0 0 16 0L92 84.8a8 8 0 0 0 4-6.93V45.52L78.66 35.51a2.66 2.66 0 0 1 0-4.62"/><path fill="url(#SVGe25WAcoz)" d="M72 59.38a16 16 0 0 1-16 0l-13.33-7.7l-5.33-3.07L32 45.52l-19.2-11.1a16.2 16.2 0 0 0-2.13 8.03v43.1c0 5.68 2.99 10.93 7.9 13.78c.02.03.07.06.1.08L32 107.12V74.79a2.67 2.67 0 0 1 4-2.3l1.34.76l5.33 3.07L56 84.02a16 16 0 0 0 16 0l9.34-5.4a8 8 0 0 0 4-6.92V51.68z"/><path fill="url(#SVGZyAxOekZ)" d="M85.33 51.68L72 59.38a16 16 0 0 1-16 0l-13.33-7.7l-5.33-3.07L32 45.52l-19.2-11.1a15.9 15.9 0 0 1 5.7-5.73a.6.6 0 0 1 .17-.1L56 7.04a16.02 16.02 0 0 1 16 0l13.3 7.68l-27.97 16.17a2.67 2.67 0 0 0 0 4.62z"/><path fill="#7455dd" d="M115.2 34.43L96 45.52L78.66 35.51a2.66 2.66 0 0 1 0-4.62l6.65-3.85L96 20.88l13.33 7.7c.02.04.08.06.1.09a16.1 16.1 0 0 1 5.76 5.76"/><path fill="url(#SVGJHbHcdqj)" d="M115.2 34.43L96 45.52v32.35a8 8 0 0 1-3.99 6.92L72 96.34a16 16 0 0 1-16 0l-9.33-5.4a2.67 2.67 0 0 0-4 2.32v20.02L56 120.96a15.85 15.85 0 0 0 8 2.13c2.78 0 5.52-.7 8-2.13l37.34-21.55a15.88 15.88 0 0 0 8-13.87V42.45c0-2.88-.78-5.65-2.14-8.02"/><defs><linearGradient id="SVGe25WAcoz" x1="48" x2="48" y1="30.82" y2="107.12" gradientUnits="userSpaceOnUse"><stop stop-color="#b9aaee"/><stop offset="1" stop-color="#9780e5"/></linearGradient><linearGradient id="SVGZyAxOekZ" x1="67.95" x2="32.64" y1="5.33" y2="49.6" gradientUnits="userSpaceOnUse"><stop stop-color="#dcd5f6"/><stop offset="1" stop-color="#cbbff2"/></linearGradient><linearGradient id="SVGJHbHcdqj" x1="117.34" x2="26.49" y1="116" y2="116" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#5b35de"/><stop offset="1" stop-color="#7455dd"/></linearGradient></defs></svg>How to use the Msbuild icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:msbuild" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:msbuild" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:msbuild" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--msbuild]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:msbuild"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:msbuild"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/msbuild.svg" alt="Msbuild icon" width="24" height="24">Msbuild icon in other icon sets
Msbuild icon FAQ
Is the Msbuild icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Msbuild icon in React?
Install @iconify/react and render <Icon icon="devicon:msbuild" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Msbuild icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/msbuild.svg" alt="Msbuild icon">, or paste the SVG code inline to style it with CSS.