The HugeIcons list indent decrease icon visually represents reducing the indentation level of an item or block of text, commonly used to move content further left on a page.
Common uses
- Decrease outline level
- Outdent list item
- Move text block left
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ListIndentDecreaseIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ListIndentDecreaseIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- outdentdecrease indentmove leftdecrease level
FAQ
- What is the purpose of the list indent decrease icon?
- This icon is used in user interfaces to signify the action of decreasing the indentation of a list item or a block of content, effectively moving it to the left.
- How do I use the ListIndentDecreaseIcon in React?
- Import both HugeiconsIcon and ListIndentDecreaseIcon from their respective packages, then render the icon using the HugeiconsIcon component with the icon prop: <HugeiconsIcon icon={ListIndentDecreaseIcon} />.
- What is the license for this icon?
- The ListIndentDecreaseIcon from the HugeIcons library 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 →