The Phosphor brain icon visually represents a human brain, commonly used in user interfaces to signify concepts related to intelligence, thought processes, learning, or mental health.
Common uses
- Mental health feature section
- Cognitive ability settings
- AI or machine learning module
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Brain } from '@phosphor-icons/react';
<Brain size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Brain size={24} />thin
<Brain size={24} weight="thin" />light
<Brain size={24} weight="light" />bold
<Brain size={24} weight="bold" />fill
<Brain size={24} weight="fill" />duotone
<Brain size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- mindmentalhealth & wellnessnaturebrainintelligencecognitionthinking
FAQ
- What does the brain icon represent?
- It represents the human brain, symbolizing intelligence, thought, learning, and mental processes.
- How do I use the brain icon in React?
- You can import and use it like this: `import { Brain } from '@phosphor-icons/react'`. Then render it as `<Brain />`.
- What is the license for this icon?
- The Phosphor icon library, including the brain 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 →