The Phosphor chalkboard icon visually represents a writing surface used for teaching or displaying information, commonly found in educational or informational contexts within user interfaces.
Common uses
- Representing a 'School' or 'University' section in an app.
- Indicating a 'Training' or 'Workshop' event.
- As an icon for a 'Notes' or 'Message Board' feature.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Chalkboard } from '@phosphor-icons/react';
<Chalkboard size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Chalkboard size={24} />thin
<Chalkboard size={24} weight="thin" />light
<Chalkboard size={24} weight="light" />bold
<Chalkboard size={24} weight="bold" />fill
<Chalkboard size={24} weight="fill" />duotone
<Chalkboard size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- blackboardwhiteboardclassroomteachereducationschoolcollegeuniversitymaps & travelobjectschalkboard
FAQ
- What is the chalkboard icon used for?
- It's ideal for representing educational institutions, teaching, or areas where information is displayed or written, like a classroom or a notice board.
- How do I use the chalkboard icon in React?
- You can import it directly from the Phosphor React library: `import { Chalkboard } from '@phosphor-icons/react'`.
- What is the license for the Phosphor chalkboard icon?
- The Phosphor icon library, including the chalkboard 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 →