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.