Icons

Unless circumstances demand otherwise, Tickster uses color icons from Nucleo in all its applications.

For web use, here are the icons currently represented in the UI Framework:

WARNING

Some of these icons use custom variables that won't make the usable in <img> elements. These variables (e.g. --positive) will only make sense in a <svg> context.

• app
• blink
• calendar-dates
• calendar-event
• cards
• cart
• chat
• check
• connect
• contacts
• dashboard
• database
• design
• email
• emoji-sad
• express-order
• file-chart
• file-money
• filter
• giftcard
• help
• home
• info
• link
• lock
• logo-circle
• logo
• menu
• money
• package
• paperplane
• pins
• play
• profilecard
• question
• robot
• search
• seasoncard
• seat
• security
• server
• services
• settings
• table
• tickets_goods
• ticket-outline
• ticket
• trash
• user
• warning

Example usage:

<svg>
    <use xlink:href="/path/to/ui-framework/symbol/svg/sprite.symbol.svg#icon-name"/>
</svg>

…or:

<img src="/path/to/ui-framework/svg/icon-name.svg" alt=""/>