Calendar Sort Ascending Pixel Art Icon
A calendar with an ascending sort indicator for sorting events oldest-first, chronological ordering and 'Sort by date' controls in event lists.
Tags
calendareventdaysortascending
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Calendar Sort Ascending icon
A calendar icon paired with an ascending-sort arrow or indicator, representing chronological ordering from earliest to latest. Use it on a 'Sort by date (oldest first)' control in an event list, task manager, or booking history. The calendar context makes clear that the sort key is the date of a scheduled item. Its counterpart, calendar-sort-descending, flips the order for newest-first display. For non-date sorts (alphabetical, for example), a generic sort icon without the calendar is more appropriate.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/calendar-sort-ascending.svg" width="24" height="24" alt="Calendar Sort Ascending" />
<!-- React -->
import { CalendarSortAscending } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="calendar-sort-ascending.svg" width="48" height="48" style="image-rendering: pixelated" />