Calendar Date Range 20 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-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-calendar-date-range-20-solid.json
Category:interface
Tags:calendar20pxsolidmediumrangedateperiod

This 20-pixel solid calendar-date-range icon provides balanced date range selection for standard booking and filtering layouts.

The medium-density filled range calendar design offers optimal visibility in typical UI contexts while maintaining the period selection emphasis that signals date span picking and multi-day range functionality.

Frequently Asked Questions

Common questions about the Calendar Date Range 20 Solid icon

Similar Icons

Phone Arrow Up Right 20 Solid - communication icon from HeroIcons
phone arrow up right 20 solid
Building Office 20 Solid - interface icon from HeroIcons
building office 20 solid
Chat Bubble Bottom Center Text Solid - communication icon from HeroIcons
chat bubble bottom center text solid
Squares Plus 16 Solid - layout icon from HeroIcons
squares plus 16 solid
User Group 20 Solid - interface icon from HeroIcons
user group 20 solid
Arrows Right Left - actions icon from HeroIcons
arrows right left
Chevron Up Down - interface icon from HeroIcons
chevron up down
Backspace 20 Solid - actions icon from HeroIcons
backspace 20 solid
Sun 16 Solid - interface icon from HeroIcons
sun 16 solid