The HugeIcons list plus icon visually represents adding a new item to an existing list or collection, commonly used for 'add to list' or 'create new entry' actions.
Common uses
- Adding a new task to a to-do list
- Creating a new post in a blog interface
- Adding a product to a wishlist
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ListPlusIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ListPlusIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add itemnew list itemcreate entryadd to collection
FAQ
- What does the list plus icon signify?
- It signifies the action of adding a new item to a list or collection. It's a clear visual cue for creating new entries.
- How do I use the ListPlusIcon in React?
- Import both HugeiconsIcon and ListPlusIcon, then render it using <HugeiconsIcon icon={ListPlusIcon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- The HugeIcons library, including the ListPlusIcon, is distributed 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 →