Sections icon
fluent-mdl2:sections
The Sections icon (fluent-mdl2:sections) 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
- section
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1728 896q24 0 47 8t42 21t33 33t24 42q5 14 20 52t35 88t40 105t38 103t29 82t12 42q0 27-19 45t-45 19H832q-26 0-45-18t-19-46q0-12 8-38t20-56t23-57t17-41H448q-26 0-45-18t-19-46q0-12 8-38t20-56t23-57t17-41H64q-26 0-45-18T0 960q0-8 11-42t29-82t39-103t40-106t34-88t21-53q17-45 57-73t89-29h640q24 0 47 8t42 21t33 33t24 42l58 152h180q24 0 47 8t42 21t33 33t24 42l58 152zm-1228 0l58-154q17-45 57-73t89-29h323l-41-109q-2-6-10-12t-16-7H320q-7 0-15 6t-10 12L156 896zm384 256l58-154q17-45 57-73t89-29h323l-41-109q-2-6-10-12t-16-7H704q-7 0-15 6t-10 12q-35 92-69 183t-70 183zm1008 256l-138-365q-2-6-10-12t-16-7h-640q-7 0-15 6t-10 12l-42 110l-48 128q-24 64-49 128z"/></svg>How to use the Sections icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:sections" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:sections" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:sections" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--sections]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:sections"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:sections"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/sections.svg" alt="Sections icon" width="24" height="24">Sections icon FAQ
Is the Sections 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 Sections icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:sections" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sections icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/sections.svg" alt="Sections icon">, or paste the SVG code inline to style it with CSS.