Icons

Library

To stay as close as possible to Front, use the free icons from the FontAwesome library. Before using an icon, double-check that it's also available in the React UI semantic library, and confirm it's available on FontAwesome's free tier.

• Go to FontAwesome

System icons

General-purpose icons used throughout the interface (navigation, actions, states, etc.). Icons can be scaled using the icon component in Figma.

Extras

Customized or third-party icon sets used for specific contexts:

• Credit cards — Visa, Mastercard, Amex, JCB, Discover, UnionPay, and other regional card brands.
• Table customized icons — Small icon set used specifically inside data tables (e.g., locks, refresh, currency).
• Flags — Full country flag set, used for currency/region selection.
• Alternative payments — Logos for alternative payment methods (PayPal, Google Pay, Apple Pay, SEPA, Amazon Pay, WERO, Pix, and others).