The Phosphor dress icon depicts a piece of formal attire and is commonly used in e-commerce or fashion-related applications to represent clothing items or categories.
Common uses
- Product listing for dresses
- Category filter for apparel
- Fashion store navigation
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Dress } from '@phosphor-icons/react';
<Dress size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Dress size={24} />thin
<Dress size={24} weight="thin" />light
<Dress size={24} weight="light" />bold
<Dress size={24} weight="bold" />fill
<Dress size={24} weight="fill" />duotone
<Dress size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- clothesclothingcommerceobjectsdressapparelfashiongarment
FAQ
- What does the dress icon represent?
- The icon visually represents a dress, a common item of clothing. It's typically used in contexts related to fashion, apparel, or e-commerce.
- How do I use the dress icon in React?
- You can import and use the dress icon in your React application with the following import statement: `import { Dress } from '@phosphor-icons/react'`. Then, render it as a component: `<Dress />`.
- What is the license for the Phosphor dress icon?
- The Phosphor icon library, including the dress icon, is available under the MIT license. This allows for free use in both personal and commercial projects.
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 →