Skip to content

Calendar Month Filled

The calendar-month-filled icon represents a calendar view with a monthly layout and filled style.

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

Set up MCP

Exports at 24 × 24 px

Calendar Month Filled icon from Tabler Icons
Get Pro

6,033 in Tabler IconsMIT license (opens in a new tab)Free to copy and download

Code

Calendar Month Filled in your framework

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

export const CalendarMonthFilledIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <g fill="currentColor"><path d="M8 12a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 1-1"/><path d="M16 2a1 1 0 0 1 .993.883L17 3v1h1a3 3 0 0 1 2.995 2.824L21 7v12a3 3 0 0 1-2.824 2.995L18 22H6a3 3 0 0 1-2.995-2.824L3 19V7a3 3 0 0 1 2.824-2.995L6 4h1V3a1 1 0 0 1 1.993-.117L9 3v1h6V3a1 1 0 0 1 1-1m3 7H5v9.625c0 .705.386 1.286.883 1.366L6 20h12c.513 0 .936-.53.993-1.215l.007-.16z"/></g>
  </svg>
);

Other libraries

Calendar Month Filled in 7 more libraries

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

  • Calendar Month Filled icon from Material Symbols
  • Calendar Month Filled icon from Material Symbols Light
  • Calendar Month Filled icon from Material Design Icons
  • Calendar Month Filled icon from Bootstrap Icons
  • Calendar Month Filled icon from Memory Icons
  • Calendar Month Filled icon from Pixelarticons
  • Calendar Month Filled icon from System UIcons

Tabler Icons

Icons that share its tags, in the same style.

  • Calendar Event Filled icon from Tabler Icons
  • Calendar Filled icon from Tabler Icons
  • Calendar Week Filled icon from Tabler Icons
  • Clock Filled icon from Tabler Icons
  • Sort Ascending 2 Filled icon from Tabler Icons
  • Sort Ascending Shapes Filled icon from Tabler Icons
  • Arrow Badge Left Filled icon from Tabler Icons
  • Arrow Big Left Lines Filled icon from Tabler Icons
  • Arrow Big Right Filled icon from Tabler Icons
  • Arrow Big Right Line Filled icon from Tabler Icons
  • Arrow Big Right Lines Filled icon from Tabler Icons
  • Arrow Big Up Filled icon from Tabler Icons
  • Arrow Big Up Line Filled icon from Tabler Icons
  • Arrow Big Up Lines Filled icon from Tabler Icons
  • Arrow Down Circle Filled icon from Tabler Icons
  • Arrow Down Rhombus Filled icon from Tabler Icons
  • Arrow Down Square Filled icon from Tabler Icons
  • Arrow Guide Filled icon from Tabler Icons
  • Arrow Left Circle Filled icon from Tabler Icons
  • Arrow Left Rhombus Filled icon from Tabler Icons
  • Arrow Left Square Filled icon from Tabler Icons
  • Arrow Move Left Filled icon from Tabler Icons
  • Arrow Move Right Filled icon from Tabler Icons
  • Arrow Move Up Filled icon from Tabler Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Tabler Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Calendar Month Filled is tagged UI, navigation, action and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Tabler Icons MCP, with Pro

Ask for Calendar Month Filled or any of 6,033 Tabler 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.

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 Month Filled icon means and where it's used, then how to install, style and license it.

Install Calendar Month Filled from a prompt

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

Get Pro