The Phosphor fish icon depicts a stylized fish, commonly used to represent concepts related to aquatic life, food, or pets in user interfaces.
Common uses
- Labeling a seafood restaurant menu item.
- Indicating a 'fishing' or 'aquatic' related setting.
- Representing a pet fish in a pet care application.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Fish } from '@phosphor-icons/react';
<Fish size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Fish size={24} />thin
<Fish size={24} weight="thin" />light
<Fish size={24} weight="light" />bold
<Fish size={24} weight="bold" />fill
<Fish size={24} weight="fill" />duotone
<Fish size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- nature
- Keywords
- animalspetsfoodseafoodrestaurantsdiningnaturecommercefishanimalpetaquatic
FAQ
- What does the Phosphor fish icon represent?
- The icon visually represents a fish, suitable for themes involving animals, food, or aquatic environments.
- How do I use the fish icon in React?
- You can import and use it in your React components like this: import { Fish } from '@phosphor-icons/react'.
- What is the license for the Phosphor fish icon?
- The Phosphor icon library, including the fish 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 →