Sizes
Calendar icon, current colour, across the 4pt-grid scale. Inline-aligned with text where applicable.
xs (16px)
Watch Apr 16, 7:30pm at IMAX Sydney
sm (24px)
md (32px)
lg (48px)
xl (64px)
Colour modifiers
Same icon, different colour. Set via color on the wrapper; SVG inherits with currentColor.
Brand
Action
Warm
Muted
Surface modifiers
--bg for sunken-grey circular bg, --bg-brand for the high-emphasis purple-circle treatment.
Tinted bg
Brand bg
Contexts
Inline with text, paired with headings, on dark inverse, in a card.
Inline body
Tonight: 7:30pm · IMAX Sydney
Heading pair
Cygames-approved
Licensor sign-off received Apr 12
On dark inverse