Work Flow icon
fluent-mdl2:work-flow
The Work Flow icon (fluent-mdl2:work-flow) 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
- workflow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M640 512V215q-132 63-236 164T232 609l-119-49q70-137 176-247t241-185H256V0h512v512zm1176 97q-63-121-159-217t-218-160l49-118q144 74 258 188t189 258zM128 1024q0 68 10 135t31 132l-118 49Q0 1187 0 1024t51-316l119 49q-20 65-31 132t-11 135m103 415q63 121 160 218t218 160l-49 119q-144-75-258-189t-190-259zm1708-76l90 90l-557 558l-269-270l90-90l179 178zm-19-339q0-68-11-135t-31-132l119-49q51 153 51 316zM757 1879q65 21 132 31t135 10v128q-164 0-317-51z"/></svg>
How to use the Work Flow icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:work-flow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:work-flow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:work-flow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--work-flow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:work-flow"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:work-flow"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/work-flow.svg" alt="Work Flow icon" width="24" height="24">
Related icons in Fluent UI MDL2
Work Flow icon FAQ
Is the Work Flow 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 Work Flow icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:work-flow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Work Flow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/work-flow.svg" alt="Work Flow icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
