The HugeIcons add to list icon visually represents the action of adding an item to a collection or list, commonly used for features like bookmarking, saving, or adding to a wishlist.
Common uses
- Add item to a shopping cart
- Save article to reading list
- Add user to a group
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AddToListIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AddToListIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add itemadd to favoritessavebookmark
FAQ
- What does the add to list icon signify?
- It signifies the action of adding an item to a predefined list or collection. This is often used for saving, bookmarking, or selecting items.
- How do I use the AddToListIcon in a React application?
- Import both HugeiconsIcon and AddToListIcon, then render the icon using the HugeiconsIcon component with the icon prop: import { HugeiconsIcon } from '@hugeicons/react'; import { AddToListIcon } from '@hugeicons/core-free-icons'; <HugeiconsIcon icon={AddToListIcon} />
- What is the license for this icon?
- The HugeIcons add to list 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 →