calendar plus icon

Common uses

• Button to add a new event to a calendar view
• Icon next to a date field for adding a new entry
• Action item for scheduling a meeting or task

Use it in React

npm i @phosphor-icons/react

import { CalendarPlus } from '@phosphor-icons/react';

<CalendarPlus size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<CalendarPlus size={24} />

<CalendarPlus size={24} weight="thin" />

<CalendarPlus size={24} weight="light" />

<CalendarPlus size={24} weight="bold" />

<CalendarPlus size={24} weight="fill" />

<CalendarPlus size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

office

Keywords

datestimeseventsscheduleaddofficesystemcalendarplusadd eventnew dateschedule eventcreate appointment

FAQ

What does the calendar plus icon represent?

It signifies the action of adding a new item, such as an event or date, to a calendar or schedule.

How do I use this icon in React?

Import it from the library like this: import { CalendarPlus } from '@phosphor-icons/react'. Then use it as a React component: <CalendarPlus />.

What is the license for this icon?

The Phosphor icon library, including the calendar plus icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.