The HugeIcons text indent less icon visually represents decreasing the indentation level of text or elements, commonly used to un-indent content in text editors or hierarchical lists.
Common uses
- Decrease text indentation
- Outdent list item
- Move element left
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextIndentLessIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextIndentLessIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- outdentdecrease indentun-indenttext outdent
FAQ
- What is the purpose of the text indent less icon?
- This icon signifies reducing the indentation of text or UI elements, often used in features like text editing or organizing hierarchical data.
- How do I use the TextIndentLessIcon in React?
- Import both HugeiconsIcon and TextIndentLessIcon, then render it using <HugeiconsIcon icon={TextIndentLessIcon} />.
- What is the license for this icon?
- The HugeIcons text indent less icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →