The Phosphor barricade icon visually represents a temporary barrier, often used in UI to indicate construction zones, restricted access, or areas under development.
Common uses
- Marking road closures or construction areas on a map.
- Indicating a feature or section of the app that is temporarily unavailable.
- Representing a security checkpoint or restricted zone.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Barricade } from '@phosphor-icons/react';
<Barricade size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Barricade size={24} />thin
<Barricade size={24} weight="thin" />light
<Barricade size={24} weight="light" />bold
<Barricade size={24} weight="bold" />fill
<Barricade size={24} weight="fill" />duotone
<Barricade size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- constructionsafetygatemaps & travelobjectsbarricadebarrierroadblockconstruction barrier
FAQ
- What does the barricade icon signify?
- It signifies a temporary barrier, commonly used to denote construction, safety measures, or restricted access.
- How do I use the barricade icon in React?
- You can import and use it in React with: import { Barricade } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the barricade icon, is available under the MIT license.