The HugeIcons flip top icon depicts a container with a lid that flips open, commonly used to represent actions like opening a menu, revealing a hidden section, or accessing a dropdown.
Common uses
- Opening a dropdown menu
- Revealing a collapsible section
- Activating a modal or pop-up
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FlipTopIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FlipTopIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dropdownrevealopen lidflip open
FAQ
- What does the flip top icon represent?
- It visually signifies an action of opening or revealing something, like a lid flipping open to show content underneath.
- How do I use FlipTopIcon in React?
- Import both HugeiconsIcon and FlipTopIcon from their respective packages and render the icon using <HugeiconsIcon icon={FlipTopIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the FlipTopIcon, 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 →