ordered list icon
ordered-list from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- ordered-list
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the ordered list icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-5 -6 24 24"><path fill="currentColor" d="M4 1h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2m0 8h9a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2m0-4h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2M.438.845h.72L1.111 3H.65L.7 1.28H.224zM.523 5.59l-.45-.053q.017-.367.234-.582a.76.76 0 0 1 .556-.214q.209 0 .37.089a.67.67 0 0 1 .26.258a.7.7 0 0 1 .097.342a1 1 0 0 1-.115.435q-.113.228-.407.535l-.158.17h.647V7H.014l.015-.231l.666-.68q.238-.24.313-.382a.5.5 0 0 0 .074-.245a.23.23 0 0 0-.067-.17a.24.24 0 0 0-.179-.067a.23.23 0 0 0-.182.081q-.05.056-.131.284m.982 4.398q.12.159.121.373a.7.7 0 0 1-.23.528a.8.8 0 0 1-.579.215a.76.76 0 0 1-.545-.203c-.142-.136-.22-.32-.183-.603l.456.042q.024.151.1.22a.28.28 0 0 0 .194.068q.124 0 .203-.078a.25.25 0 0 0 .08-.19a.26.26 0 0 0-.109-.209c-.075-.06-.187-.09-.386-.143l.046-.401a.6.6 0 0 0 .203-.042a.2.2 0 0 0 .092-.077a.2.2 0 0 0 .032-.1a.14.14 0 0 0-.045-.109a.18.18 0 0 0-.127-.044a.2.2 0 0 0-.13.044a.22.22 0 0 0-.08.113l-.048.035l-.444-.056a.7.7 0 0 1 .185-.413a.7.7 0 0 1 .53-.217q.284 0 .479.182a.58.58 0 0 1 .195.436a.5.5 0 0 1-.087.29c-.056.085-.136.153-.246.12a.63.63 0 0 1 .323.219"/></svg>
React
import type { SVGProps } from "react";
export function JamOrderedList(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-5 -6 24 24"><path fill="currentColor" d="M4 1h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2m0 8h9a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2m0-4h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2M.438.845h.72L1.111 3H.65L.7 1.28H.224zM.523 5.59l-.45-.053q.017-.367.234-.582a.76.76 0 0 1 .556-.214q.209 0 .37.089a.67.67 0 0 1 .26.258a.7.7 0 0 1 .097.342a1 1 0 0 1-.115.435q-.113.228-.407.535l-.158.17h.647V7H.014l.015-.231l.666-.68q.238-.24.313-.382a.5.5 0 0 0 .074-.245a.23.23 0 0 0-.067-.17a.24.24 0 0 0-.179-.067a.23.23 0 0 0-.182.081q-.05.056-.131.284m.982 4.398q.12.159.121.373a.7.7 0 0 1-.23.528a.8.8 0 0 1-.579.215a.76.76 0 0 1-.545-.203c-.142-.136-.22-.32-.183-.603l.456.042q.024.151.1.22a.28.28 0 0 0 .194.068q.124 0 .203-.078a.25.25 0 0 0 .08-.19a.26.26 0 0 0-.109-.209c-.075-.06-.187-.09-.386-.143l.046-.401a.6.6 0 0 0 .203-.042a.2.2 0 0 0 .092-.077a.2.2 0 0 0 .032-.1a.14.14 0 0 0-.045-.109a.18.18 0 0 0-.127-.044a.2.2 0 0 0-.13.044a.22.22 0 0 0-.08.113l-.048.035l-.444-.056a.7.7 0 0 1 .185-.413a.7.7 0 0 1 .53-.217q.284 0 .479.182a.58.58 0 0 1 .195.436a.5.5 0 0 1-.087.29c-.056.085-.136.153-.246.12a.63.63 0 0 1 .323.219"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-5 -6 24 24"><path fill="currentColor" d="M4 1h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2m0 8h9a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2m0-4h9a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2M.438.845h.72L1.111 3H.65L.7 1.28H.224zM.523 5.59l-.45-.053q.017-.367.234-.582a.76.76 0 0 1 .556-.214q.209 0 .37.089a.67.67 0 0 1 .26.258a.7.7 0 0 1 .097.342a1 1 0 0 1-.115.435q-.113.228-.407.535l-.158.17h.647V7H.014l.015-.231l.666-.68q.238-.24.313-.382a.5.5 0 0 0 .074-.245a.23.23 0 0 0-.067-.17a.24.24 0 0 0-.179-.067a.23.23 0 0 0-.182.081q-.05.056-.131.284m.982 4.398q.12.159.121.373a.7.7 0 0 1-.23.528a.8.8 0 0 1-.579.215a.76.76 0 0 1-.545-.203c-.142-.136-.22-.32-.183-.603l.456.042q.024.151.1.22a.28.28 0 0 0 .194.068q.124 0 .203-.078a.25.25 0 0 0 .08-.19a.26.26 0 0 0-.109-.209c-.075-.06-.187-.09-.386-.143l.046-.401a.6.6 0 0 0 .203-.042a.2.2 0 0 0 .092-.077a.2.2 0 0 0 .032-.1a.14.14 0 0 0-.045-.109a.18.18 0 0 0-.127-.044a.2.2 0 0 0-.13.044a.22.22 0 0 0-.08.113l-.048.035l-.444-.056a.7.7 0 0 1 .185-.413a.7.7 0 0 1 .53-.217q.284 0 .479.182a.58.58 0 0 1 .195.436a.5.5 0 0 1-.087.29c-.056.085-.136.153-.246.12a.63.63 0 0 1 .323.219"/></svg> </template>
CSS
.icon-ordered-list {
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%22-5%20-6%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%201h9a1%201%200%200%201%200%202H4a1%201%200%201%201%200-2m0%208h9a1%201%200%200%201%200%202H4a1%201%200%200%201%200-2m0-4h9a1%201%200%200%201%200%202H4a1%201%200%201%201%200-2M.438.845h.72L1.111%203H.65L.7%201.28H.224zM.523%205.59l-.45-.053q.017-.367.234-.582a.76.76%200%200%201%20.556-.214q.209%200%20.37.089a.67.67%200%200%201%20.26.258a.7.7%200%200%201%20.097.342a1%201%200%200%201-.115.435q-.113.228-.407.535l-.158.17h.647V7H.014l.015-.231l.666-.68q.238-.24.313-.382a.5.5%200%200%200%20.074-.245a.23.23%200%200%200-.067-.17a.24.24%200%200%200-.179-.067a.23.23%200%200%200-.182.081q-.05.056-.131.284m.982%204.398q.12.159.121.373a.7.7%200%200%201-.23.528a.8.8%200%200%201-.579.215a.76.76%200%200%201-.545-.203c-.142-.136-.22-.32-.183-.603l.456.042q.024.151.1.22a.28.28%200%200%200%20.194.068q.124%200%20.203-.078a.25.25%200%200%200%20.08-.19a.26.26%200%200%200-.109-.209c-.075-.06-.187-.09-.386-.143l.046-.401a.6.6%200%200%200%20.203-.042a.2.2%200%200%200%20.092-.077a.2.2%200%200%200%20.032-.1a.14.14%200%200%200-.045-.109a.18.18%200%200%200-.127-.044a.2.2%200%200%200-.13.044a.22.22%200%200%200-.08.113l-.048.035l-.444-.056a.7.7%200%200%201%20.185-.413a.7.7%200%200%201%20.53-.217q.284%200%20.479.182a.58.58%200%200%201%20.195.436a.5.5%200%200%201-.087.29c-.056.085-.136.153-.246.12a.63.63%200%200%201%20.323.219%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%22-5%20-6%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%201h9a1%201%200%200%201%200%202H4a1%201%200%201%201%200-2m0%208h9a1%201%200%200%201%200%202H4a1%201%200%200%201%200-2m0-4h9a1%201%200%200%201%200%202H4a1%201%200%201%201%200-2M.438.845h.72L1.111%203H.65L.7%201.28H.224zM.523%205.59l-.45-.053q.017-.367.234-.582a.76.76%200%200%201%20.556-.214q.209%200%20.37.089a.67.67%200%200%201%20.26.258a.7.7%200%200%201%20.097.342a1%201%200%200%201-.115.435q-.113.228-.407.535l-.158.17h.647V7H.014l.015-.231l.666-.68q.238-.24.313-.382a.5.5%200%200%200%20.074-.245a.23.23%200%200%200-.067-.17a.24.24%200%200%200-.179-.067a.23.23%200%200%200-.182.081q-.05.056-.131.284m.982%204.398q.12.159.121.373a.7.7%200%200%201-.23.528a.8.8%200%200%201-.579.215a.76.76%200%200%201-.545-.203c-.142-.136-.22-.32-.183-.603l.456.042q.024.151.1.22a.28.28%200%200%200%20.194.068q.124%200%20.203-.078a.25.25%200%200%200%20.08-.19a.26.26%200%200%200-.109-.209c-.075-.06-.187-.09-.386-.143l.046-.401a.6.6%200%200%200%20.203-.042a.2.2%200%200%200%20.092-.077a.2.2%200%200%200%20.032-.1a.14.14%200%200%200-.045-.109a.18.18%200%200%200-.127-.044a.2.2%200%200%200-.13.044a.22.22%200%200%200-.08.113l-.048.035l-.444-.056a.7.7%200%200%201%20.185-.413a.7.7%200%200%201%20.53-.217q.284%200%20.479.182a.58.58%200%200%201%20.195.436a.5.5%200%200%201-.087.29c-.056.085-.136.153-.246.12a.63.63%200%200%201%20.323.219%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/ordered-list.svg?color=%231a73e8&size=48
