Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In documentation platforms like GitBook and content management systems such as WordPress, users encounter this icon when accessing document outlines and navigation sidebars. Reading applications including Medium and knowledge bases like Confluence display it for article structure navigation, allowing readers to overview content organization and jump directly to relevant sections without scrolling through entire documents.

Question 5

What does this icon communicate to users?

Accepted Answer

The list structure communicates more than simple navigation - it specifically represents content hierarchy, the document organization systems that distinguish structured content from linear text, and the wayfinding mechanisms essential for navigating complex information architectures. This outline representation helps users identify document structure features and quick navigation capabilities.

Question 6

How do I implement this icon?

Accepted Answer

Implement this icon within shadcn/ui's documentation layouts for sidebar navigation or article outline components. Combine it with Sheet components for sliding navigation panels and ScrollArea components for long content lists. The hierarchical list design should convey document structure when used in content management systems and documentation platforms requiring efficient section navigation and content discovery.

Table Of Contents Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons