The HugeIcons dropdown field type icon visually represents a selectable list of options, commonly used in user interfaces to allow users to choose one item from a predefined set.
Common uses
- Selecting a country from a list
- Choosing a product category
- Setting a user role
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DropdownFieldTypeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DropdownFieldTypeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- select inputchoice iconoption selectormenu icon
FAQ
- What is this icon used for?
- This icon signifies a dropdown menu or a field where users can select one option from a list. It's a standard UI element for choices.
- How do I use this icon in React?
- Import both HugeiconsIcon and DropdownFieldTypeIcon, then render it using <HugeiconsIcon icon={DropdownFieldTypeIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free usage 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 →