BLOCKS / MEDIA
Icon block
Icon sizing, containers, inline pairing, and a reference grid of common Heroicons used throughout Nova. Four patterns.
Icon sizes
Standard icon scale from w-4 to w-8. All icons use Heroicons outline style at 1.5px stroke.
16px
20px
24px
32px
Icon in container
Icons wrapped in rounded containers with light and dark backgrounds.
#F0F0F0
#F0F0F0
#F0F0F0
#171717
#171717
#171717
Icon + text inline
Icons paired inline with text labels. Common in navigation, lists, and action items.
Task completed successfully
Continue to next step
Important notice for review
Send email notification
Icon reference grid
12 common Heroicons used throughout Nova. All outline style, 24×24 viewBox, 1.5px stroke.
check
arrow-right
chevron-down
x-mark
plus
minus
bars-3
search
envelope
cog
info
star