Branch Commit icon
fluent-mdl2:branch-commit
The Branch Commit icon (fluent-mdl2:branch-commit) 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
- branchcommit
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 960q0 83-29 158t-80 135t-121 99t-154 51v517H896v-517q-83-11-153-50t-122-99t-80-135t-29-159q0-83 29-158t80-135t121-99t154-51V0h128v517q83 11 153 50t122 99t80 135t29 159m-448 320q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26t-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25"/></svg>
How to use the Branch Commit icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:branch-commit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:branch-commit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:branch-commit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--branch-commit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:branch-commit"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:branch-commit"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/branch-commit.svg" alt="Branch Commit icon" width="24" height="24">
Related icons in Fluent UI MDL2
Branch Commit icon FAQ
Is the Branch Commit 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 Branch Commit icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:branch-commit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Branch Commit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/branch-commit.svg" alt="Branch Commit icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
