The Phosphor orange slice icon visually represents a segment of an orange, commonly used to denote food items, fruit, or citrus-related categories in user interfaces.
Common uses
- Marking a 'fruit' filter option.
- Indicating a 'citrus' product in an e-commerce listing.
- Representing a 'food' or 'drink' category in a navigation menu.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { OrangeSlice } from '@phosphor-icons/react';
<OrangeSlice size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<OrangeSlice size={24} />thin
<OrangeSlice size={24} weight="thin" />light
<OrangeSlice size={24} weight="light" />bold
<OrangeSlice size={24} weight="bold" />fill
<OrangeSlice size={24} weight="fill" />duotone
<OrangeSlice size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- foodfruitjuicecitrusgroceriesmarketmaps & travelcommercenatureorangeslicefruit slicecitrus segmentfood iconorange fruit
FAQ
- What is the orange slice icon used for?
- It's typically used to represent food, fruit, juice, or citrus-related items. It can also be used in categories like 'groceries' or 'market'.
- How do I use the orange slice icon in React?
- You can import and use it like this: import { OrangeSlice } from '@phosphor-icons/react'. Then render it as <OrangeSlice />.
- What is the license for the Phosphor orange slice icon?
- The Phosphor icon library, including the orange slice 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 →