Onboarding icon
fluent-mdl2:onboarding
The Onboarding icon (fluent-mdl2:onboarding) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 512v1536H0V512h517q-2-16-3-32t-2-32q0-93 35-174t96-143t142-96T960 0q93 0 174 35t143 96t96 142t35 175q0 16-1 32t-4 32zM960 128q-66 0-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25t124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26m960 512h-555q-25 52-62 97t-85 77q103 40 186 106t140 152t89 188t31 212v64h-128v-64q0-123-44-228t-121-183t-182-121t-229-44q-111 0-210 38t-176 107t-126 162t-61 205h648l-230-230l91-90l384 384l-384 384l-91-90l230-230H256v-64q0-110 31-211t90-187t141-152t185-107q-98-69-148-175H128v1280h1792z"/></svg>How to use the Onboarding icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:onboarding" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:onboarding" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:onboarding" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--onboarding]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:onboarding"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:onboarding"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/onboarding.svg" alt="Onboarding icon" width="24" height="24">Onboarding icon in other icon sets
Onboarding icon FAQ
Is the Onboarding 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 Onboarding icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:onboarding" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Onboarding icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/onboarding.svg" alt="Onboarding icon">, or paste the SVG code inline to style it with CSS.