The HugeIcons text indent more icon visually represents increasing the indentation level of text or content, commonly used to structure lists or code.
Common uses
- Increasing list item indentation
- Adding sub-bullets
- Deepening code blocks
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextIndentMoreIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextIndentMoreIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- increase indentoutdent moreadd indenttext formatting
FAQ
- What does the text indent more icon signify?
- This icon signifies the action of increasing the indentation level of selected text or content, pushing it further to the right.
- How do I use the TextIndentMoreIcon in React?
- Import it using `import { TextIndentMoreIcon } from '@hugeicons/core-free-icons';` and render it as `<HugeiconsIcon icon={TextIndentMoreIcon} />`.
- What is the license for this icon?
- This icon is available under the MIT license, allowing for free use in both personal and commercial projects.
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 →