list unordered icon

list-unordered from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name
list-unordered
Set
Octicons
Style
Regular
Viewbox
12×16
License
MIT

2 other variants in Octicons

list-unordered-16list-unordered-24

The same icon in other sets

list-unorderedCodiconslist-unorderedRemix Iconlist-unordered-outlineTeenyicons

Related icons in Octicons

list-ordered

Use the list unordered icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M2 13c0 .59 0 1-.59 1H.59C0 14 0 13.59 0 13c0-.59 0-1 .59-1h.81c.59 0 .59.41.59 1H2zm2.59-9h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1H4.59C4 2 4 2.41 4 3c0 .59 0 1 .59 1zM1.41 7H.59C0 7 0 7.41 0 8c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0-5H.59C0 2 0 2.41 0 3c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm10 5H4.59C4 7 4 7.41 4 8c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0 5H4.59C4 12 4 12.41 4 13c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonListUnordered(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fillRule="evenodd" d="M2 13c0 .59 0 1-.59 1H.59C0 14 0 13.59 0 13c0-.59 0-1 .59-1h.81c.59 0 .59.41.59 1H2zm2.59-9h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1H4.59C4 2 4 2.41 4 3c0 .59 0 1 .59 1zM1.41 7H.59C0 7 0 7.41 0 8c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0-5H.59C0 2 0 2.41 0 3c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm10 5H4.59C4 7 4 7.41 4 8c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0 5H4.59C4 12 4 12.41 4 13c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M2 13c0 .59 0 1-.59 1H.59C0 14 0 13.59 0 13c0-.59 0-1 .59-1h.81c.59 0 .59.41.59 1H2zm2.59-9h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1H4.59C4 2 4 2.41 4 3c0 .59 0 1 .59 1zM1.41 7H.59C0 7 0 7.41 0 8c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0-5H.59C0 2 0 2.41 0 3c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm10 5H4.59C4 7 4 7.41 4 8c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01zm0 5H4.59C4 12 4 12.41 4 13c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1c0-.59 0-1-.59-1h.01z" fill="currentColor"/></svg>
</template>

CSS

.icon-list-unordered {
  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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2013c0%20.59%200%201-.59%201H.59C0%2014%200%2013.59%200%2013c0-.59%200-1%20.59-1h.81c.59%200%20.59.41.59%201H2zm2.59-9h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1H4.59C4%202%204%202.41%204%203c0%20.59%200%201%20.59%201zM1.41%207H.59C0%207%200%207.41%200%208c0%20.59%200%201%20.59%201h.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm0-5H.59C0%202%200%202.41%200%203c0%20.59%200%201%20.59%201h.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm10%205H4.59C4%207%204%207.41%204%208c0%20.59%200%201%20.59%201h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm0%205H4.59C4%2012%204%2012.41%204%2013c0%20.59%200%201%20.59%201h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.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%2012%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2013c0%20.59%200%201-.59%201H.59C0%2014%200%2013.59%200%2013c0-.59%200-1%20.59-1h.81c.59%200%20.59.41.59%201H2zm2.59-9h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1H4.59C4%202%204%202.41%204%203c0%20.59%200%201%20.59%201zM1.41%207H.59C0%207%200%207.41%200%208c0%20.59%200%201%20.59%201h.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm0-5H.59C0%202%200%202.41%200%203c0%20.59%200%201%20.59%201h.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm10%205H4.59C4%207%204%207.41%204%208c0%20.59%200%201%20.59%201h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.01zm0%205H4.59C4%2012%204%2012.41%204%2013c0%20.59%200%201%20.59%201h6.81c.59%200%20.59-.41.59-1c0-.59%200-1-.59-1h.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-unordered.svg?color=%231a73e8&size=48