Commitments icon
fluent-mdl2:commitments
The Commitments icon (fluent-mdl2:commitments) 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
- commitment
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1344 0q26 0 45 19l640 640q19 19 19 45t-19 45l-243 243q25 25 49 48t42 47t30 54t12 67q0 40-15 76t-41 63t-61 43t-75 17q-2 41-17 75t-40 60t-60 41t-75 16q-1 40-17 75t-43 61t-63 42t-76 15q-32 0-65-11q-11 31-29 56t-44 44t-55 29t-63 10q-26 0-46-4t-37-14t-34-22t-35-29q-35 32-68 50t-84 19q-40 0-76-15t-63-41t-43-61t-17-76q-39-1-74-16t-61-41t-41-61t-16-74q-40-1-74-16t-60-41t-41-61t-17-74q-41-1-76-17t-61-43t-41-62t-15-76t15-77t44-65l106-107L19 749Q0 730 0 704t19-45L659 19q19-19 45-19t45 19l132 132q13-4 50-17t87-29t103-35t102-34t81-26t40-10M312 960q-29 0-50 21l-113 112q-21 21-21 51t20 50t51 21q31 0 51-20l113-112q21-21 21-51t-21-51t-51-21m192 192q-14 0-27 5t-24 16l-112 113q-21 21-21 51q0 29 21 49t51 21q14 0 27-5t24-15l112-113q21-21 21-50q0-30-21-51t-51-21m192 192q-29 0-50 21l-113 112q-21 21-21 51t20 50t51 21q31 0 51-20l113-112q21-21 21-51t-21-51t-51-21m8 377q0 29 21 49t51 21q14 0 27-5t24-15l112-113q21-21 21-50q0-30-21-51t-51-21q-14 0-27 5t-24 16l-112 113q-21 21-21 51m1016-441q29 0 50-21t22-50q0-30-21-51l-632-633q-3-3-10-5t-14-4t-15-3t-12-1q-26 0-49 10t-41 27t-28 41t-10 50q0 53-20 99t-55 82t-81 55t-100 20q-40 0-75-15t-61-41t-41-61t-15-75q0-24 5-53t16-52l187-375q9-16 27-26l-43-43l-550 549l135 134q45-5 85 6t70 37t48 63t19 83q40 2 75 16t60 40t41 60t16 76q40 2 75 16t60 40t41 60t16 76q41 2 76 17t61 41t41 62t15 77q0 45-18 84t-52 68q15 14 27 23t35 9q29 0 50-21t22-50q0-30-21-51l90-91l65 64q23 21 50 21q29 0 50-21t22-50q0-30-21-51l-113-113l91-90l112 112q21 21 51 21t51-21t21-51t-21-51l-113-112l91-91l113 113q21 21 50 21m173-576l-566-567l-504 168l-174 348q-5 9-7 25t-2 26q0 26 19 45t45 19q27 0 50-10t40-27t28-41t10-50q0-53 20-99t55-82t81-55t100-20q16 0 34 3t38 8t35 14t29 21l472 472z"/></svg>How to use the Commitments icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:commitments" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:commitments" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:commitments" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--commitments]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:commitments"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:commitments"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/commitments.svg" alt="Commitments icon" width="24" height="24">Commitments icon FAQ
Is the Commitments 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 Commitments icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:commitments" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Commitments icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/commitments.svg" alt="Commitments icon">, or paste the SVG code inline to style it with CSS.