Calendar Date Range Solid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-solid.json
Category:interface
Tags:calendarsolidfilledrangedateperiodspan

The solid calendar-date-range icon delivers date range selection with filled styling for maximum visual impact in booking and filtering interfaces.

This default-size solid variant provides the range calendar design with enhanced visual weight, making period selection indicators and date span access immediately identifiable across diverse booking contexts.

Frequently Asked Questions

Common questions about the Calendar Date Range Solid icon

Similar Icons

Queue List 20 Solid - interface icon from HeroIcons
queue list 20 solid
Credit Card - interface icon from HeroIcons
credit card
Command Line - system icon from HeroIcons
command line
Calendar Days Solid - interface icon from HeroIcons
calendar days solid
Shield Check - status icon from HeroIcons
shield check
Check Badge - status icon from HeroIcons
check badge
Radio 16 Solid - interface icon from HeroIcons
radio 16 solid
Light Bulb 20 Solid - interface icon from HeroIcons
light bulb 20 solid
Check Solid - interface icon from HeroIcons
check solid