text number list icon
text-number-list-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- text-number-list-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
text-abc-underline-double-32-filledtext-add-20-filledtext-add-space-after-20-filledtext-add-space-before-20-filledtext-add-t-20-filledtext-align-center-16-filledtext-align-center-rotate-270-16-filledtext-align-center-rotate-90-16-filledtext-align-distributed-20-filledtext-align-distributed-evenly-20-filledtext-align-distributed-vertical-20-filledtext-align-justify-20-filledtext-align-justify-low-20-filledtext-align-justify-low-90-20-filledtext-align-justify-low-rotate-270-20-filledtext-align-justify-low-rotate-90-20-filledtext-align-justify-rotate-270-20-filledtext-align-justify-rotate-90-20-filledtext-align-left-16-filledtext-align-left-rotate-270-16-filledtext-align-left-rotate-90-16-filledtext-align-right-16-filledtext-align-right-rotate-270-16-filledtext-align-right-rotate-90-16-filled
Use the text number list icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.684 1.01c.193.045.33.21.33.402v3.294a.42.42 0 0 1-.428.412a.42.42 0 0 1-.428-.412V2.58a3 3 0 0 1-.664.435a.436.436 0 0 1-.574-.184a.405.405 0 0 1 .192-.552c.353-.17.629-.432.82-.661a3 3 0 0 0 .27-.388a.44.44 0 0 1 .482-.22m-1.53 6.046a.4.4 0 0 1 0-.582l.002-.001V6.47l.004-.002l.008-.008a1 1 0 0 1 .103-.084a2.2 2.2 0 0 1 1.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0 .452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8 0 0 0-.147.22h1.635a.42.42 0 0 1 .427.411a.42.42 0 0 1-.428.412H2.457a.42.42 0 0 1-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8 0 0 0-.448-.122a1.32 1.32 0 0 0-.818.289l-.005.005a.44.44 0 0 1-.602-.003m.94 5.885a.42.42 0 0 1 .427-.412c.294 0 .456-.08.537-.15a.3.3 0 0 0 .11-.246c-.006-.16-.158-.427-.647-.427c-.352 0-.535.084-.618.137a.4.4 0 0 0-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436 0 0 1-.563.165a.405.405 0 0 1-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7 0 0 1 .087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276 1.092-.276c.88 0 1.477.556 1.502 1.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622 1.22-1.503 1.22c-.502 0-.854-.122-1.092-.275a1.2 1.2 0 0 1-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405 0 0 1 .19-.553a.436.436 0 0 1 .564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489 0 .641-.268.648-.428a.3.3 0 0 0-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42 0 0 1-.427-.412M7.5 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextNumberList16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.684 1.01c.193.045.33.21.33.402v3.294a.42.42 0 0 1-.428.412a.42.42 0 0 1-.428-.412V2.58a3 3 0 0 1-.664.435a.436.436 0 0 1-.574-.184a.405.405 0 0 1 .192-.552c.353-.17.629-.432.82-.661a3 3 0 0 0 .27-.388a.44.44 0 0 1 .482-.22m-1.53 6.046a.4.4 0 0 1 0-.582l.002-.001V6.47l.004-.002l.008-.008a1 1 0 0 1 .103-.084a2.2 2.2 0 0 1 1.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0 .452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8 0 0 0-.147.22h1.635a.42.42 0 0 1 .427.411a.42.42 0 0 1-.428.412H2.457a.42.42 0 0 1-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8 0 0 0-.448-.122a1.32 1.32 0 0 0-.818.289l-.005.005a.44.44 0 0 1-.602-.003m.94 5.885a.42.42 0 0 1 .427-.412c.294 0 .456-.08.537-.15a.3.3 0 0 0 .11-.246c-.006-.16-.158-.427-.647-.427c-.352 0-.535.084-.618.137a.4.4 0 0 0-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436 0 0 1-.563.165a.405.405 0 0 1-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7 0 0 1 .087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276 1.092-.276c.88 0 1.477.556 1.502 1.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622 1.22-1.503 1.22c-.502 0-.854-.122-1.092-.275a1.2 1.2 0 0 1-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405 0 0 1 .19-.553a.436.436 0 0 1 .564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489 0 .641-.268.648-.428a.3.3 0 0 0-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42 0 0 1-.427-.412M7.5 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.684 1.01c.193.045.33.21.33.402v3.294a.42.42 0 0 1-.428.412a.42.42 0 0 1-.428-.412V2.58a3 3 0 0 1-.664.435a.436.436 0 0 1-.574-.184a.405.405 0 0 1 .192-.552c.353-.17.629-.432.82-.661a3 3 0 0 0 .27-.388a.44.44 0 0 1 .482-.22m-1.53 6.046a.4.4 0 0 1 0-.582l.002-.001V6.47l.004-.002l.008-.008a1 1 0 0 1 .103-.084a2.2 2.2 0 0 1 1.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0 .452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8 0 0 0-.147.22h1.635a.42.42 0 0 1 .427.411a.42.42 0 0 1-.428.412H2.457a.42.42 0 0 1-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8 0 0 0-.448-.122a1.32 1.32 0 0 0-.818.289l-.005.005a.44.44 0 0 1-.602-.003m.94 5.885a.42.42 0 0 1 .427-.412c.294 0 .456-.08.537-.15a.3.3 0 0 0 .11-.246c-.006-.16-.158-.427-.647-.427c-.352 0-.535.084-.618.137a.4.4 0 0 0-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436 0 0 1-.563.165a.405.405 0 0 1-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7 0 0 1 .087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276 1.092-.276c.88 0 1.477.556 1.502 1.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622 1.22-1.503 1.22c-.502 0-.854-.122-1.092-.275a1.2 1.2 0 0 1-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405 0 0 1 .19-.553a.436.436 0 0 1 .564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489 0 .641-.268.648-.428a.3.3 0 0 0-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42 0 0 1-.427-.412M7.5 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z"/></svg> </template>
CSS
.icon-text-number-list-16-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.684%201.01c.193.045.33.21.33.402v3.294a.42.42%200%200%201-.428.412a.42.42%200%200%201-.428-.412V2.58a3%203%200%200%201-.664.435a.436.436%200%200%201-.574-.184a.405.405%200%200%201%20.192-.552c.353-.17.629-.432.82-.661a3%203%200%200%200%20.27-.388a.44.44%200%200%201%20.482-.22m-1.53%206.046a.4.4%200%200%201%200-.582l.002-.001V6.47l.004-.002l.008-.008a1%201%200%200%201%20.103-.084a2.2%202.2%200%200%201%201.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0%20.452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8%200%200%200-.147.22h1.635a.42.42%200%200%201%20.427.411a.42.42%200%200%201-.428.412H2.457a.42.42%200%200%201-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8%200%200%200-.448-.122a1.32%201.32%200%200%200-.818.289l-.005.005a.44.44%200%200%201-.602-.003m.94%205.885a.42.42%200%200%201%20.427-.412c.294%200%20.456-.08.537-.15a.3.3%200%200%200%20.11-.246c-.006-.16-.158-.427-.647-.427c-.352%200-.535.084-.618.137a.4.4%200%200%200-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436%200%200%201-.563.165a.405.405%200%200%201-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7%200%200%201%20.087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276%201.092-.276c.88%200%201.477.556%201.502%201.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622%201.22-1.503%201.22c-.502%200-.854-.122-1.092-.275a1.2%201.2%200%200%201-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405%200%200%201%20.19-.553a.436.436%200%200%201%20.564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489%200%20.641-.268.648-.428a.3.3%200%200%200-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42%200%200%201-.427-.412M7.5%203a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1zm0%204a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1zm0%204a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.684%201.01c.193.045.33.21.33.402v3.294a.42.42%200%200%201-.428.412a.42.42%200%200%201-.428-.412V2.58a3%203%200%200%201-.664.435a.436.436%200%200%201-.574-.184a.405.405%200%200%201%20.192-.552c.353-.17.629-.432.82-.661a3%203%200%200%200%20.27-.388a.44.44%200%200%201%20.482-.22m-1.53%206.046a.4.4%200%200%201%200-.582l.002-.001V6.47l.004-.002l.008-.008a1%201%200%200%201%20.103-.084a2.2%202.2%200%200%201%201.313-.435h.007c.32.004.668.084.947.283c.295.21.485.536.485.951c0%20.452-.207.767-.488.992c-.214.173-.49.303-.714.409q-.054.024-.103.049c-.267.128-.468.24-.61.39a.8.8%200%200%200-.147.22h1.635a.42.42%200%200%201%20.427.411a.42.42%200%200%201-.428.412H2.457a.42.42%200%200%201-.428-.412c0-.51.17-.893.446-1.184c.259-.275.592-.445.86-.574q.065-.03.124-.06c.231-.11.4-.19.529-.293c.12-.097.18-.193.18-.36c0-.148-.057-.23-.14-.289a.8.8%200%200%200-.448-.122a1.32%201.32%200%200%200-.818.289l-.005.005a.44.44%200%200%201-.602-.003m.94%205.885a.42.42%200%200%201%20.427-.412c.294%200%20.456-.08.537-.15a.3.3%200%200%200%20.11-.246c-.006-.16-.158-.427-.647-.427c-.352%200-.535.084-.618.137a.4.4%200%200%200-.076.062l-.003.004l.01-.018v.001l-.002.002l-.002.004l-.003.006l-.005.008l.002-.003a.436.436%200%200%201-.563.165a.405.405%200%200%201-.191-.552v-.002l.002-.003l.003-.006l.008-.013a.7.7%200%200%201%20.087-.12c.058-.067.142-.146.259-.22c.238-.153.59-.276%201.092-.276c.88%200%201.477.556%201.502%201.22c.012.303-.1.606-.339.84c.238.232.351.535.34.838c-.026.664-.622%201.22-1.503%201.22c-.502%200-.854-.122-1.092-.275a1.2%201.2%200%200%201-.326-.308l-.02-.033l-.008-.013l-.003-.005l-.001-.003v-.001l-.001-.001a.405.405%200%200%201%20.19-.553a.436.436%200%200%201%20.564.165l.003.004c.01.01.033.035.076.063c.083.053.266.137.618.137c.489%200%20.641-.268.648-.428a.3.3%200%200%200-.11-.245c-.082-.072-.244-.151-.538-.151a.42.42%200%200%201-.427-.412M7.5%203a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1zm0%204a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1zm0%204a.5.5%200%200%200%200%201h6a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-number-list-16-regular.svg?color=%231a73e8&size=48
