Skip to content
shadcn.io

Calendar Add

The calendar-add icon represents a calendar with an add event action, commonly used to schedule new events.

Add shadcn.io to your AI agent. · Pro It installs Calendar Add, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Calendar Add icon from Sharp color icons
Get Pro

1,000 in Sharp color iconsCC BY 4.0 license (opens in a new tab)Free to copy and download

Code

Calendar Add in your framework

In any framework. Customize it above, and the code follows.

export const CalendarAddIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" strokeWidth="1.5"><path fill="#fff" d="M2 8h20v14H2z"/><path fill="#d7e0ff" d="M2 4h20v4H2z"/><path stroke="#4147d5" d="M2 4h20v18H2zm5-3v3m10-3v3M8 15h8m-4-4v8M2 8h20"/></g>
  </svg>
);

Other libraries

Calendar Add in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Calendar Add icon from Streamline
  • Calendar Add icon from Carbon
  • Calendar Add icon from IconaMoon
  • Calendar Add icon from Lets Icons
  • Calendar Add icon from Sharp free icons
  • Calendar Add icon from Plump free icons
  • Calendar Add icon from coolicons
  • Calendar Add icon from System UIcons

Sharp color icons

More like it

Icons that share its tags, in the same style.

All 1,000 icons
  • Calendar Add Flat icon from Sharp color icons
  • Calendar Mark icon from Sharp color icons
  • Calendar Mark Flat icon from Sharp color icons
  • Calendar Warning icon from Sharp color icons
  • Calendar Warning Flat icon from Sharp color icons
  • Circus Tent icon from Sharp color icons
  • Circus Tent Flat icon from Sharp color icons
  • Ticket Star icon from Sharp color icons
  • Ticket Star Flat icon from Sharp color icons
  • Add Pdf icon from Sharp color icons
  • Add Pdf Flat icon from Sharp color icons
  • Application Add icon from Sharp color icons
  • Application Add Flat icon from Sharp color icons
  • Button Fast Forward 2 icon from Sharp color icons
  • Button Fast Forward 2 Flat icon from Sharp color icons
  • Button Power Circle 1 icon from Sharp color icons
  • Button Power Circle 1 Flat icon from Sharp color icons
  • Buttons All icon from Sharp color icons
  • Buttons All Flat icon from Sharp color icons
  • Cake icon from Sharp color icons
  • Cake Flat icon from Sharp color icons
  • Insert Top Left icon from Sharp color icons
  • Insert Top Left Flat icon from Sharp color icons
  • User Add Plus icon from Sharp color icons

Search Sharp color icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Sharp color icons icon from a prompt.

Get Pro

Tags

Browse by tag

Calendar Add is tagged UI, schedule, planning and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Sharp color icons MCP, with Pro

Ask for Calendar Add or any of 1,000 Sharp color icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Calendar Add icon means and where it's used, then how to install, style and license it.

Install Calendar Add from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro