The Phosphor parallelogram icon depicts a geometric parallelogram shape, commonly used to represent abstract concepts, data visualization elements, or brand logos that utilize this form.
Common uses
- Representing abstract geometric concepts in diagrams.
- As a visual element in data charts or graphs.
- Stylized element within a brand's visual identity.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Parallelogram } from '@phosphor-icons/react';
<Parallelogram size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Parallelogram size={24} />thin
<Parallelogram size={24} weight="thin" />light
<Parallelogram size={24} weight="light" />bold
<Parallelogram size={24} weight="bold" />fill
<Parallelogram size={24} weight="fill" />duotone
<Parallelogram size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- shapesbandcamplogosbrandsmediadesignparallelogramrhomboidslanted rectanglegeometric shape
FAQ
- What is the parallelogram icon used for?
- It's used to represent the geometric shape itself, often in abstract contexts, data visualizations, or as part of a logo.
- How do I use the parallelogram icon in React?
- Import it from the library like this: import { Parallelogram } from '@phosphor-icons/react'. Then use it as a React component: <Parallelogram />.
- What is the license for the Phosphor parallelogram icon?
- The Phosphor icon library, including the parallelogram 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 →