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.