


Introduction
Icons are a key part of Student Perks, making options, categories, and discount types easy to understand at a glance while guiding users, highlighting actions, and ensuring a clear, intuitive experience through a consistent and modern visual style.
Sizes
Two sizes are used for the icons to ensure they fit different spaces while maintaining clarity and readability.
icon.small
Small
Small icons have a height of 16 px and are mainly used in compact elements such as badge.ghost.s.
icon.large
Large
Large icons have a height of 20 px and are mainly used in medium or large elements such as badge.ghost.m or badge.pill.l.
Icon Library
Icon missing? Head to request page.
academic-cap
academic-cap
academic-cap
arrow-down
arrow-down
arrow-down
arrow-down-left
arrow-down-left
arrow-down-left
arrow-down-right
arrow-down-right
arrow-down-right
arrow-left
arrow-left
arrow-left
arrow-right
arrow-right
arrow-right
arrow-up
arrow-up
arrow-up
arrow-up-left
arrow-up-left
arrow-up-left
icon.arrow-up-right
icon.arrow-up-right
icon.arrow-up-right