Skip to main content

icon-list

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-list"></s-icon>

Icon font

Using the web font? Copy, paste, and go.

<span class="sf-main sf-icon-list"></span>

Code point

  • Unicode: U+F143
  • CSS: \F143
  • JS: \uF143
  • HTML: &#xF143;

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-list" viewBox="0 0 16 16">
  <path d="M14 4.666H5.333a.667.667 0 0 1 0-1.333H14a.667.667 0 1 1 0 1.333ZM14.666 8A.667.667 0 0 0 14 7.333H5.333a.667.667 0 0 0 0 1.333H14A.667.667 0 0 0 14.666 8Zm0 4a.667.667 0 0 0-.666-.667H5.333a.666.666 0 1 0 0 1.333H14a.667.667 0 0 0 .666-.666ZM3 4a.667.667 0 0 0-.667-.667H2a.667.667 0 0 0 0 1.333h.333A.667.667 0 0 0 3 4Zm0 4a.667.667 0 0 0-.667-.667H2a.667.667 0 0 0 0 1.333h.333A.667.667 0 0 0 3 8Zm0 4a.667.667 0 0 0-.667-.667H2a.666.666 0 1 0 0 1.333h.333A.667.667 0 0 0 3 12Z"/>
</svg>