list ordered icon
list-ordered from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- list-ordered
- Set
- Octicons
- Style
- Regular
- Viewbox
- 13×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
Related icons in Octicons
Use the list ordered icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 13 16"><path fill-rule="evenodd" d="M12.01 13c0 .59 0 1-.59 1H4.6c-.59 0-.59-.41-.59-1c0-.59 0-1 .59-1h6.81c.59 0 .59.41.59 1h.01zM4.6 4h6.81C12 4 12 3.59 12 3c0-.59 0-1-.59-1H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1zm6.81 3H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1h6.81C12 9 12 8.59 12 8c0-.59 0-1-.59-1zm-9.4-6h-.72c-.3.19-.58.25-1.03.34V2h.75v2.14H.17V5h2.84v-.86h-1V1zm.392 8.12c-.129 0-.592.04-.802.07c.53-.56 1.14-1.25 1.14-1.89C2.72 6.52 2.18 6 1.38 6c-.59 0-.97.2-1.38.64l.58.58c.19-.19.38-.38.64-.38c.28 0 .48.16.48.52c0 .53-.77 1.2-1.7 2.06V10h3v-.88h-.598zm-.222 3.79v-.03c.44-.19.64-.47.64-.86c0-.7-.56-1.11-1.44-1.11c-.48 0-.89.19-1.28.52l.55.64c.25-.2.44-.31.69-.31c.27 0 .42.13.42.36c0 .27-.2.44-.86.44v.75c.83 0 .98.17.98.47c0 .25-.23.38-.58.38c-.28 0-.56-.14-.81-.38l-.48.66c.3.36.77.56 1.41.56c.83 0 1.53-.41 1.53-1.16c0-.5-.31-.81-.77-.94v.01z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonListOrdered(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 13 16"><path fillRule="evenodd" d="M12.01 13c0 .59 0 1-.59 1H4.6c-.59 0-.59-.41-.59-1c0-.59 0-1 .59-1h6.81c.59 0 .59.41.59 1h.01zM4.6 4h6.81C12 4 12 3.59 12 3c0-.59 0-1-.59-1H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1zm6.81 3H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1h6.81C12 9 12 8.59 12 8c0-.59 0-1-.59-1zm-9.4-6h-.72c-.3.19-.58.25-1.03.34V2h.75v2.14H.17V5h2.84v-.86h-1V1zm.392 8.12c-.129 0-.592.04-.802.07c.53-.56 1.14-1.25 1.14-1.89C2.72 6.52 2.18 6 1.38 6c-.59 0-.97.2-1.38.64l.58.58c.19-.19.38-.38.64-.38c.28 0 .48.16.48.52c0 .53-.77 1.2-1.7 2.06V10h3v-.88h-.598zm-.222 3.79v-.03c.44-.19.64-.47.64-.86c0-.7-.56-1.11-1.44-1.11c-.48 0-.89.19-1.28.52l.55.64c.25-.2.44-.31.69-.31c.27 0 .42.13.42.36c0 .27-.2.44-.86.44v.75c.83 0 .98.17.98.47c0 .25-.23.38-.58.38c-.28 0-.56-.14-.81-.38l-.48.66c.3.36.77.56 1.41.56c.83 0 1.53-.41 1.53-1.16c0-.5-.31-.81-.77-.94v.01z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 13 16"><path fill-rule="evenodd" d="M12.01 13c0 .59 0 1-.59 1H4.6c-.59 0-.59-.41-.59-1c0-.59 0-1 .59-1h6.81c.59 0 .59.41.59 1h.01zM4.6 4h6.81C12 4 12 3.59 12 3c0-.59 0-1-.59-1H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1zm6.81 3H4.6c-.59 0-.59.41-.59 1c0 .59 0 1 .59 1h6.81C12 9 12 8.59 12 8c0-.59 0-1-.59-1zm-9.4-6h-.72c-.3.19-.58.25-1.03.34V2h.75v2.14H.17V5h2.84v-.86h-1V1zm.392 8.12c-.129 0-.592.04-.802.07c.53-.56 1.14-1.25 1.14-1.89C2.72 6.52 2.18 6 1.38 6c-.59 0-.97.2-1.38.64l.58.58c.19-.19.38-.38.64-.38c.28 0 .48.16.48.52c0 .53-.77 1.2-1.7 2.06V10h3v-.88h-.598zm-.222 3.79v-.03c.44-.19.64-.47.64-.86c0-.7-.56-1.11-1.44-1.11c-.48 0-.89.19-1.28.52l.55.64c.25-.2.44-.31.69-.31c.27 0 .42.13.42.36c0 .27-.2.44-.86.44v.75c.83 0 .98.17.98.47c0 .25-.23.38-.58.38c-.28 0-.56-.14-.81-.38l-.48.66c.3.36.77.56 1.41.56c.83 0 1.53-.41 1.53-1.16c0-.5-.31-.81-.77-.94v.01z" fill="currentColor"/></svg> </template>
CSS
.icon-list-ordered {
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%2013%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.01%2013c0%20.59%200%201-.59%201H4.6c-.59%200-.59-.41-.59-1c0-.59%200-1%20.59-1h6.81c.59%200%20.59.41.59%201h.01zM4.6%204h6.81C12%204%2012%203.59%2012%203c0-.59%200-1-.59-1H4.6c-.59%200-.59.41-.59%201c0%20.59%200%201%20.59%201zm6.81%203H4.6c-.59%200-.59.41-.59%201c0%20.59%200%201%20.59%201h6.81C12%209%2012%208.59%2012%208c0-.59%200-1-.59-1zm-9.4-6h-.72c-.3.19-.58.25-1.03.34V2h.75v2.14H.17V5h2.84v-.86h-1V1zm.392%208.12c-.129%200-.592.04-.802.07c.53-.56%201.14-1.25%201.14-1.89C2.72%206.52%202.18%206%201.38%206c-.59%200-.97.2-1.38.64l.58.58c.19-.19.38-.38.64-.38c.28%200%20.48.16.48.52c0%20.53-.77%201.2-1.7%202.06V10h3v-.88h-.598zm-.222%203.79v-.03c.44-.19.64-.47.64-.86c0-.7-.56-1.11-1.44-1.11c-.48%200-.89.19-1.28.52l.55.64c.25-.2.44-.31.69-.31c.27%200%20.42.13.42.36c0%20.27-.2.44-.86.44v.75c.83%200%20.98.17.98.47c0%20.25-.23.38-.58.38c-.28%200-.56-.14-.81-.38l-.48.66c.3.36.77.56%201.41.56c.83%200%201.53-.41%201.53-1.16c0-.5-.31-.81-.77-.94v.01z%22%20fill%3D%22currentColor%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%2013%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.01%2013c0%20.59%200%201-.59%201H4.6c-.59%200-.59-.41-.59-1c0-.59%200-1%20.59-1h6.81c.59%200%20.59.41.59%201h.01zM4.6%204h6.81C12%204%2012%203.59%2012%203c0-.59%200-1-.59-1H4.6c-.59%200-.59.41-.59%201c0%20.59%200%201%20.59%201zm6.81%203H4.6c-.59%200-.59.41-.59%201c0%20.59%200%201%20.59%201h6.81C12%209%2012%208.59%2012%208c0-.59%200-1-.59-1zm-9.4-6h-.72c-.3.19-.58.25-1.03.34V2h.75v2.14H.17V5h2.84v-.86h-1V1zm.392%208.12c-.129%200-.592.04-.802.07c.53-.56%201.14-1.25%201.14-1.89C2.72%206.52%202.18%206%201.38%206c-.59%200-.97.2-1.38.64l.58.58c.19-.19.38-.38.64-.38c.28%200%20.48.16.48.52c0%20.53-.77%201.2-1.7%202.06V10h3v-.88h-.598zm-.222%203.79v-.03c.44-.19.64-.47.64-.86c0-.7-.56-1.11-1.44-1.11c-.48%200-.89.19-1.28.52l.55.64c.25-.2.44-.31.69-.31c.27%200%20.42.13.42.36c0%20.27-.2.44-.86.44v.75c.83%200%20.98.17.98.47c0%20.25-.23.38-.58.38c-.28%200-.56-.14-.81-.38l-.48.66c.3.36.77.56%201.41.56c.83%200%201.53-.41%201.53-1.16c0-.5-.31-.81-.77-.94v.01z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/list-ordered.svg?color=%231a73e8&size=48
