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 modern applications like Google Docs when adjusting paragraph indentation or in code editors such as VS Code when outdenting code blocks, users encounter this icon for text formatting controls. Popular writing platforms including Notion use this symbol for content structure management, while documentation tools employ it for organizing hierarchical content and improving document readability through proper indentation control.

Question 5

What does this icon communicate to users?

Accepted Answer

From a typography perspective, the indent-decrease symbol communicates more than simple spacing adjustment - it specifically represents content hierarchy management, document structure optimization, and the systematic organization of information that enhances readability and content flow. This distinction helps users understand they're controlling document architecture rather than performing basic text alignment or visual spacing adjustments.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in text formatting components where it represents indentation controls and document structure management. Combine it with shadcn/ui's Button components for formatting toolbars or Toolbar components for rich text editing interfaces. The leftward arrow design should convey structure simplification when used in editing interfaces to encourage proper document organization and content hierarchy management.

Indent Decrease Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons