The Phosphor cat icon depicts a stylized feline and is commonly used to represent pets, animals, or themes related to cats in user interfaces.
Common uses
- Labeling a 'My Pets' section in a profile.
- Illustrating an 'Animal Lovers' community forum.
- As an avatar for a user who likes cats.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Cat } from '@phosphor-icons/react';
<Cat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Cat size={24} />thin
<Cat size={24} weight="thin" />light
<Cat size={24} weight="light" />bold
<Cat size={24} weight="bold" />fill
<Cat size={24} weight="fill" />duotone
<Cat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- nature
- Keywords
- petsanimalskittykittennaturecatfelinepet
FAQ
- What is the cat icon typically used for?
- It's used to represent cats, pets, or animals in general UI elements.
- How do I use the cat icon in React?
- Import it using `import { Cat } from '@phosphor-icons/react'` and use it as a component: `<Cat />`.
- What is the license for the Phosphor cat icon?
- The Phosphor icon library, including the cat 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 →