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

Users encounter this icon in word processors like Microsoft Word when adjusting paragraph hierarchies or in note-taking applications like Obsidian when organizing content structures and document outline workflows. It appears prominently in code editors for block outdenting, in presentation software for slide structure management, and in project planning tools where hierarchy adjustments enhance task organization and project clarity.

Question 5

What does this icon communicate to users?

Accepted Answer

From a content structure perspective, the indent-decrease symbol communicates more than simple spacing - it specifically represents hierarchical content management, structural organization control, and intelligent document architecture that helps users create clear, well-organized information hierarchies. This distinction helps users understand they're accessing sophisticated formatting tools rather than basic text alignment or simple spacing adjustments.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in text editing components where it represents indentation control and structure management features. Combine it with shadcn/ui's Button components for formatting controls or Toolbar components for document editing interfaces. The leftward design should convey structure simplification when used in editing interfaces to encourage users to create clear, accessible content hierarchies with appropriate organizational depth.

List Indent Decrease Icon

Frequently Asked Questions

Similar Icons