Iconography
Icons represent actions, objects, and concepts in a visual way. They are used to enhance the user experience and provide visual cues to the user.
Library
Here is the full list of all icons available in QDS. The icons are available both in code and Figma. You can copy the code or download the icon in different formats by hovering over the icon.
Alert Circle
Alert Triangle
Arrow Down
Arrow Left
Arrow Right
Arrow Up
Bell
Bell Off
Bookmark
Calendar
Camera
Check Circle
Check
Chevron Down
Chevron Left
Chevron Right
Chevron Up
Globe
Heart Filled
Heart
Help Circle
History
Home
Image
Info
List
List Filter
Log Out
Map
Map Pin
Menu
Message Circle
Minus
More Horizontal
More Vertical
Pen
Plus
Search
Settings
Share
Sliders
Star Filled
Star
Trash
User
X Circle
X
Missing an icon?
The QDS icon lirbary should house commonly used and/or widely recognized icons. If you think an icon is missing, let us know in the #qds-feedback channel on Slack.
For less common or one-off use cases, you can use Lucide Icons as a fallback.