Numbered List icon
fluent-mdl2:numbered-list
The Numbered List icon (fluent-mdl2:numbered-list) 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
- numberedlist
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 384v128H512V384zM512 896h1536v128H512zm0 512h1536v128H512zM135 349q-14 11-37 21t-43 11v-69q31-11 59-24t54-33h49v385h-82zm-1 420q25 0 47 6t39 20t26 34t10 47q0 31-12 54t-29 42t-39 33t-38 27t-30 25t-12 26h160v69H5v-41q0-18 10-39q15-34 41-57t51-44t45-40t19-47q0-27-15-38t-40-11q-26 0-49 11t-44 28v-73q50-32 111-32m36 699q36 5 61 27t25 61q0 31-12 53t-33 35t-46 20t-54 7q-24 0-48-4t-47-15v-73q19 14 41 21t47 7q26 0 46-11t21-41q0-22-13-32t-31-15t-39-5t-34 0v-64h32q18 0 34-3t28-14t12-31q0-26-16-36t-40-10q-39 0-74 24v-68q22-11 45-15t48-5q22 0 44 5t39 16t28 30t11 43q0 38-19 60t-56 32z"/></svg>
How to use the Numbered List icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:numbered-list" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:numbered-list" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:numbered-list" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--numbered-list]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:numbered-list"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:numbered-list"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/numbered-list.svg" alt="Numbered List icon" width="24" height="24">
Related icons in Fluent UI MDL2
Numbered List icon in other icon sets
Numbered List icon FAQ
Is the Numbered List 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 Numbered List icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:numbered-list" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Numbered List icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/numbered-list.svg" alt="Numbered List icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
