format list numbered icon
format-list-numbered-rounded from Material Symbols Light by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.
- Name
- format-list-numbered-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- format-list-numbered-outline-rounded
2 other variants in Material Symbols Light
The same icon in other sets
More text icons from Material Symbols Light
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the format list numbered icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.442 21q-.191 0-.317-.125Q4 20.75 4 20.559t.125-.318t.317-.126H6.5V18.75H5.442q-.191 0-.317-.125Q5 18.5 5 18.309t.125-.318t.317-.126H6.5V16.5H4.442q-.191 0-.317-.125Q4 16.25 4 16.059t.125-.318t.317-.126h2.25q.294 0 .493.2t.2.493v1.384q0 .294-.2.493t-.493.2q.294 0 .493.199q.2.199.2.493v1.23q0 .295-.2.494T6.692 21zm.174-6.308q-.249 0-.432-.183Q4 14.325 4 14.077V12.25q0-.294.199-.493t.493-.2H6.5v-1.365H4.442q-.191 0-.317-.125Q4 9.942 4 9.751t.125-.317t.317-.126h2.25q.294 0 .493.199t.2.493v1.75q0 .294-.2.493t-.493.2H4.884v1.365h2.058q.192 0 .317.125t.125.316t-.125.317t-.317.126zm1.01-6.433Q5.5 8.134 5.5 7.942V3.885H4.442q-.191 0-.317-.125Q4 3.635 4 3.443t.125-.317T4.442 3H5.79q.248 0 .422.174t.174.422v4.346q0 .192-.125.317t-.317.125t-.317-.125m4.49 10.241q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFormatListNumberedRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.442 21q-.191 0-.317-.125Q4 20.75 4 20.559t.125-.318t.317-.126H6.5V18.75H5.442q-.191 0-.317-.125Q5 18.5 5 18.309t.125-.318t.317-.126H6.5V16.5H4.442q-.191 0-.317-.125Q4 16.25 4 16.059t.125-.318t.317-.126h2.25q.294 0 .493.2t.2.493v1.384q0 .294-.2.493t-.493.2q.294 0 .493.199q.2.199.2.493v1.23q0 .295-.2.494T6.692 21zm.174-6.308q-.249 0-.432-.183Q4 14.325 4 14.077V12.25q0-.294.199-.493t.493-.2H6.5v-1.365H4.442q-.191 0-.317-.125Q4 9.942 4 9.751t.125-.317t.317-.126h2.25q.294 0 .493.199t.2.493v1.75q0 .294-.2.493t-.493.2H4.884v1.365h2.058q.192 0 .317.125t.125.316t-.125.317t-.317.126zm1.01-6.433Q5.5 8.134 5.5 7.942V3.885H4.442q-.191 0-.317-.125Q4 3.635 4 3.443t.125-.317T4.442 3H5.79q.248 0 .422.174t.174.422v4.346q0 .192-.125.317t-.317.125t-.317-.125m4.49 10.241q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.442 21q-.191 0-.317-.125Q4 20.75 4 20.559t.125-.318t.317-.126H6.5V18.75H5.442q-.191 0-.317-.125Q5 18.5 5 18.309t.125-.318t.317-.126H6.5V16.5H4.442q-.191 0-.317-.125Q4 16.25 4 16.059t.125-.318t.317-.126h2.25q.294 0 .493.2t.2.493v1.384q0 .294-.2.493t-.493.2q.294 0 .493.199q.2.199.2.493v1.23q0 .295-.2.494T6.692 21zm.174-6.308q-.249 0-.432-.183Q4 14.325 4 14.077V12.25q0-.294.199-.493t.493-.2H6.5v-1.365H4.442q-.191 0-.317-.125Q4 9.942 4 9.751t.125-.317t.317-.126h2.25q.294 0 .493.199t.2.493v1.75q0 .294-.2.493t-.493.2H4.884v1.365h2.058q.192 0 .317.125t.125.316t-.125.317t-.317.126zm1.01-6.433Q5.5 8.134 5.5 7.942V3.885H4.442q-.191 0-.317-.125Q4 3.635 4 3.443t.125-.317T4.442 3H5.79q.248 0 .422.174t.174.422v4.346q0 .192-.125.317t-.317.125t-.317-.125m4.49 10.241q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-6q-.213 0-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213 0 .356.144t.144.357t-.144.356t-.356.143z"/></svg> </template>
CSS
.icon-format-list-numbered-rounded {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.442%2021q-.191%200-.317-.125Q4%2020.75%204%2020.559t.125-.318t.317-.126H6.5V18.75H5.442q-.191%200-.317-.125Q5%2018.5%205%2018.309t.125-.318t.317-.126H6.5V16.5H4.442q-.191%200-.317-.125Q4%2016.25%204%2016.059t.125-.318t.317-.126h2.25q.294%200%20.493.2t.2.493v1.384q0%20.294-.2.493t-.493.2q.294%200%20.493.199q.2.199.2.493v1.23q0%20.295-.2.494T6.692%2021zm.174-6.308q-.249%200-.432-.183Q4%2014.325%204%2014.077V12.25q0-.294.199-.493t.493-.2H6.5v-1.365H4.442q-.191%200-.317-.125Q4%209.942%204%209.751t.125-.317t.317-.126h2.25q.294%200%20.493.199t.2.493v1.75q0%20.294-.2.493t-.493.2H4.884v1.365h2.058q.192%200%20.317.125t.125.316t-.125.317t-.317.126zm1.01-6.433Q5.5%208.134%205.5%207.942V3.885H4.442q-.191%200-.317-.125Q4%203.635%204%203.443t.125-.317T4.442%203H5.79q.248%200%20.422.174t.174.422v4.346q0%20.192-.125.317t-.317.125t-.317-.125m4.49%2010.241q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm0-6q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm0-6q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.442%2021q-.191%200-.317-.125Q4%2020.75%204%2020.559t.125-.318t.317-.126H6.5V18.75H5.442q-.191%200-.317-.125Q5%2018.5%205%2018.309t.125-.318t.317-.126H6.5V16.5H4.442q-.191%200-.317-.125Q4%2016.25%204%2016.059t.125-.318t.317-.126h2.25q.294%200%20.493.2t.2.493v1.384q0%20.294-.2.493t-.493.2q.294%200%20.493.199q.2.199.2.493v1.23q0%20.295-.2.494T6.692%2021zm.174-6.308q-.249%200-.432-.183Q4%2014.325%204%2014.077V12.25q0-.294.199-.493t.493-.2H6.5v-1.365H4.442q-.191%200-.317-.125Q4%209.942%204%209.751t.125-.317t.317-.126h2.25q.294%200%20.493.199t.2.493v1.75q0%20.294-.2.493t-.493.2H4.884v1.365h2.058q.192%200%20.317.125t.125.316t-.125.317t-.317.126zm1.01-6.433Q5.5%208.134%205.5%207.942V3.885H4.442q-.191%200-.317-.125Q4%203.635%204%203.443t.125-.317T4.442%203H5.79q.248%200%20.422.174t.174.422v4.346q0%20.192-.125.317t-.317.125t-.317-.125m4.49%2010.241q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm0-6q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm0-6q-.213%200-.357-.144t-.143-.357t.143-.356t.357-.143H19.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/format-list-numbered-rounded.svg?color=%231a73e8&size=48
