list ol icon
list-ol from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- list-ol
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-list-ol
The same icon in other sets
Related icons in BoxIcons v2
Use the list ol icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.282 12.064c-.428.328-.72.609-.875.851q-.233.361-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201q.093-.076.361-.27q.454-.327.626-.604c.116-.186.173-.375.173-.578a.9.9 0 0 0-.151-.512a.9.9 0 0 0-.412-.341q-.262-.113-.733-.111q-.451 0-.706.114a.9.9 0 0 0-.396.338q-.141.216-.194.604l.894.076q.037-.28.147-.394a.38.38 0 0 1 .279-.108q.165 0 .272.108a.34.34 0 0 1 .108.258a.55.55 0 0 1-.108.297q-.11.154-.503.453m.055 6.386a.4.4 0 0 1-.282-.105q-.111-.104-.162-.378L4 18.085q.088.306.251.506t.417.306Q4.92 19 5.36 19q.45 0 .725-.14a1 1 0 0 0 .424-.403q.146-.26.146-.544a.8.8 0 0 0-.088-.393a.7.7 0 0 0-.249-.261a1 1 0 0 0-.286-.11a.94.94 0 0 0 .345-.299a.67.67 0 0 0 .113-.383a.75.75 0 0 0-.281-.596q-.28-.238-.909-.238q-.548 0-.847.219q-.3.216-.404.626l.844.151q.034-.242.133-.338c.099-.096.151-.098.257-.098a.33.33 0 0 1 .241.089q.088.09.087.238q0 .155-.117.27c-.117.115-.177.112-.293.112a1 1 0 0 1-.116-.011l-.045.649a1 1 0 0 1 .289-.056q.199 0 .313.126q.115.123.115.352q0 .22-.119.354a.4.4 0 0 1-.301.134m.948-10.083V5h-.739a1.5 1.5 0 0 1-.394.523q-.252.212-.708.365v.754a2.6 2.6 0 0 0 .937-.48v2.206zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z"/></svg>
React
import type { SVGProps } from "react";
export function BxListOl(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="M5.282 12.064c-.428.328-.72.609-.875.851q-.233.361-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201q.093-.076.361-.27q.454-.327.626-.604c.116-.186.173-.375.173-.578a.9.9 0 0 0-.151-.512a.9.9 0 0 0-.412-.341q-.262-.113-.733-.111q-.451 0-.706.114a.9.9 0 0 0-.396.338q-.141.216-.194.604l.894.076q.037-.28.147-.394a.38.38 0 0 1 .279-.108q.165 0 .272.108a.34.34 0 0 1 .108.258a.55.55 0 0 1-.108.297q-.11.154-.503.453m.055 6.386a.4.4 0 0 1-.282-.105q-.111-.104-.162-.378L4 18.085q.088.306.251.506t.417.306Q4.92 19 5.36 19q.45 0 .725-.14a1 1 0 0 0 .424-.403q.146-.26.146-.544a.8.8 0 0 0-.088-.393a.7.7 0 0 0-.249-.261a1 1 0 0 0-.286-.11a.94.94 0 0 0 .345-.299a.67.67 0 0 0 .113-.383a.75.75 0 0 0-.281-.596q-.28-.238-.909-.238q-.548 0-.847.219q-.3.216-.404.626l.844.151q.034-.242.133-.338c.099-.096.151-.098.257-.098a.33.33 0 0 1 .241.089q.088.09.087.238q0 .155-.117.27c-.117.115-.177.112-.293.112a1 1 0 0 1-.116-.011l-.045.649a1 1 0 0 1 .289-.056q.199 0 .313.126q.115.123.115.352q0 .22-.119.354a.4.4 0 0 1-.301.134m.948-10.083V5h-.739a1.5 1.5 0 0 1-.394.523q-.252.212-.708.365v.754a2.6 2.6 0 0 0 .937-.48v2.206zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.282 12.064c-.428.328-.72.609-.875.851q-.233.361-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201q.093-.076.361-.27q.454-.327.626-.604c.116-.186.173-.375.173-.578a.9.9 0 0 0-.151-.512a.9.9 0 0 0-.412-.341q-.262-.113-.733-.111q-.451 0-.706.114a.9.9 0 0 0-.396.338q-.141.216-.194.604l.894.076q.037-.28.147-.394a.38.38 0 0 1 .279-.108q.165 0 .272.108a.34.34 0 0 1 .108.258a.55.55 0 0 1-.108.297q-.11.154-.503.453m.055 6.386a.4.4 0 0 1-.282-.105q-.111-.104-.162-.378L4 18.085q.088.306.251.506t.417.306Q4.92 19 5.36 19q.45 0 .725-.14a1 1 0 0 0 .424-.403q.146-.26.146-.544a.8.8 0 0 0-.088-.393a.7.7 0 0 0-.249-.261a1 1 0 0 0-.286-.11a.94.94 0 0 0 .345-.299a.67.67 0 0 0 .113-.383a.75.75 0 0 0-.281-.596q-.28-.238-.909-.238q-.548 0-.847.219q-.3.216-.404.626l.844.151q.034-.242.133-.338c.099-.096.151-.098.257-.098a.33.33 0 0 1 .241.089q.088.09.087.238q0 .155-.117.27c-.117.115-.177.112-.293.112a1 1 0 0 1-.116-.011l-.045.649a1 1 0 0 1 .289-.056q.199 0 .313.126q.115.123.115.352q0 .22-.119.354a.4.4 0 0 1-.301.134m.948-10.083V5h-.739a1.5 1.5 0 0 1-.394.523q-.252.212-.708.365v.754a2.6 2.6 0 0 0 .937-.48v2.206zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z"/></svg> </template>
CSS
.icon-list-ol {
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%22M5.282%2012.064c-.428.328-.72.609-.875.851q-.233.361-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201q.093-.076.361-.27q.454-.327.626-.604c.116-.186.173-.375.173-.578a.9.9%200%200%200-.151-.512a.9.9%200%200%200-.412-.341q-.262-.113-.733-.111q-.451%200-.706.114a.9.9%200%200%200-.396.338q-.141.216-.194.604l.894.076q.037-.28.147-.394a.38.38%200%200%201%20.279-.108q.165%200%20.272.108a.34.34%200%200%201%20.108.258a.55.55%200%200%201-.108.297q-.11.154-.503.453m.055%206.386a.4.4%200%200%201-.282-.105q-.111-.104-.162-.378L4%2018.085q.088.306.251.506t.417.306Q4.92%2019%205.36%2019q.45%200%20.725-.14a1%201%200%200%200%20.424-.403q.146-.26.146-.544a.8.8%200%200%200-.088-.393a.7.7%200%200%200-.249-.261a1%201%200%200%200-.286-.11a.94.94%200%200%200%20.345-.299a.67.67%200%200%200%20.113-.383a.75.75%200%200%200-.281-.596q-.28-.238-.909-.238q-.548%200-.847.219q-.3.216-.404.626l.844.151q.034-.242.133-.338c.099-.096.151-.098.257-.098a.33.33%200%200%201%20.241.089q.088.09.087.238q0%20.155-.117.27c-.117.115-.177.112-.293.112a1%201%200%200%201-.116-.011l-.045.649a1%201%200%200%201%20.289-.056q.199%200%20.313.126q.115.123.115.352q0%20.22-.119.354a.4.4%200%200%201-.301.134m.948-10.083V5h-.739a1.5%201.5%200%200%201-.394.523q-.252.212-.708.365v.754a2.6%202.6%200%200%200%20.937-.48v2.206zM9%206h11v2H9zm0%205h11v2H9zm0%205h11v2H9z%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%22M5.282%2012.064c-.428.328-.72.609-.875.851q-.233.361-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201q.093-.076.361-.27q.454-.327.626-.604c.116-.186.173-.375.173-.578a.9.9%200%200%200-.151-.512a.9.9%200%200%200-.412-.341q-.262-.113-.733-.111q-.451%200-.706.114a.9.9%200%200%200-.396.338q-.141.216-.194.604l.894.076q.037-.28.147-.394a.38.38%200%200%201%20.279-.108q.165%200%20.272.108a.34.34%200%200%201%20.108.258a.55.55%200%200%201-.108.297q-.11.154-.503.453m.055%206.386a.4.4%200%200%201-.282-.105q-.111-.104-.162-.378L4%2018.085q.088.306.251.506t.417.306Q4.92%2019%205.36%2019q.45%200%20.725-.14a1%201%200%200%200%20.424-.403q.146-.26.146-.544a.8.8%200%200%200-.088-.393a.7.7%200%200%200-.249-.261a1%201%200%200%200-.286-.11a.94.94%200%200%200%20.345-.299a.67.67%200%200%200%20.113-.383a.75.75%200%200%200-.281-.596q-.28-.238-.909-.238q-.548%200-.847.219q-.3.216-.404.626l.844.151q.034-.242.133-.338c.099-.096.151-.098.257-.098a.33.33%200%200%201%20.241.089q.088.09.087.238q0%20.155-.117.27c-.117.115-.177.112-.293.112a1%201%200%200%201-.116-.011l-.045.649a1%201%200%200%201%20.289-.056q.199%200%20.313.126q.115.123.115.352q0%20.22-.119.354a.4.4%200%200%201-.301.134m.948-10.083V5h-.739a1.5%201.5%200%200%201-.394.523q-.252.212-.708.365v.754a2.6%202.6%200%200%200%20.937-.48v2.206zM9%206h11v2H9zm0%205h11v2H9zm0%205h11v2H9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/list-ol.svg?color=%231a73e8&size=48
