The Phosphor flag banner fold icon depicts a folded banner or flag, often used to represent completion, a new item, or a specific country or region.
Common uses
- Indicate a newly added feature or content.
- Represent a country or region in a user profile or settings.
- Show a completed task or status.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FlagBannerFold } from '@phosphor-icons/react';
<FlagBannerFold size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FlagBannerFold size={24} />thin
<FlagBannerFold size={24} weight="thin" />light
<FlagBannerFold size={24} weight="light" />bold
<FlagBannerFold size={24} weight="bold" />fill
<FlagBannerFold size={24} weight="fill" />duotone
<FlagBannerFold size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- *new*ribboncountrycountriesfinishedcompletedflagsswallowtailobjectsmaps & travelsystemflagbannerfoldnew item
FAQ
- What is the flag banner fold icon used for?
- It's commonly used to signify new items, completed tasks, or specific geographical locations like countries.
- How do I use this icon in React?
- Import it using `import { FlagBannerFold } from '@phosphor-icons/react'` and then use it as a component: `<FlagBannerFold />`.
- What is the license for this icon?
- The Phosphor icon library, including the flag banner fold 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 →