The Phosphor chalkboard simple icon depicts a basic chalkboard or whiteboard, commonly used in UI to represent educational content, classroom settings, or areas for notes and information.
Common uses
- Representing a 'School' or 'University' section in an app.
- Indicating a 'Notes' or 'Whiteboard' feature for collaboration.
- Symbolizing an 'Education' or 'Learning' category.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChalkboardSimple } from '@phosphor-icons/react';
<ChalkboardSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChalkboardSimple size={24} />thin
<ChalkboardSimple size={24} weight="thin" />light
<ChalkboardSimple size={24} weight="light" />bold
<ChalkboardSimple size={24} weight="bold" />fill
<ChalkboardSimple size={24} weight="fill" />duotone
<ChalkboardSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- *updated*blackboardwhiteboardclassroomteachereducationschoolcollegeuniversitymaps & travelobjectschalkboardsimple
FAQ
- What does the chalkboard simple icon represent?
- It represents a simple chalkboard or whiteboard, often used for educational or note-taking contexts.
- How do I use the chalkboard simple icon in React?
- You can import and use it like this: import { ChalkboardSimple } from '@phosphor-icons/react'. Then render it as <ChalkboardSimple />.
- What is the license for this icon?
- The Phosphor icon library, including the chalkboard simple 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 →