The Phosphor popcorn icon depicts a box of popcorn, commonly used to represent food, movies, or entertainment-related features in a user interface.
Common uses
- Button to access movie showtimes
- Indicator for a food or snack purchase option
- Label for an entertainment or media section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Popcorn } from '@phosphor-icons/react';
<Popcorn size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Popcorn size={24} />thin
<Popcorn size={24} weight="thin" />light
<Popcorn size={24} weight="light" />bold
<Popcorn size={24} weight="bold" />fill
<Popcorn size={24} weight="fill" />duotone
<Popcorn size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- foodmoviestheatermaps & travelcommercepopcornmovie snackfilm foodtheater snackcinema food
FAQ
- What is the popcorn icon used for?
- It visually represents concepts like movies, snacks, or entertainment, often used in contexts related to food, theaters, or media.
- How do I use the popcorn icon in React?
- You can import it directly from the library using: import { Popcorn } from '@phosphor-icons/react'.
- What is the license for the Phosphor popcorn icon?
- The Phosphor icon library, including the popcorn icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →