THT is in early Beta. We welcome contributors & feedback.

Icons

THT comes with a set of essential icons in SVG format.

Because they are SVG, they inherit all text styles (size, color, etc.).

Each icon is only about 50 bytes. They are inlined, so they don't trigger any extra network requests.

To use an icon, the current page must include a few small styles via either Css.include('base') or Css.include('icons').

Example:

template cancelHtml() {
    <div style="color: red">
        {{ Web.icon('cancel') }} Cancel
    </div>
}
arrowLeft
arrowRight
arrowUp
arrowDown
chevronLeft
chevronRight
chevronUp
chevronDown
wideChevronLeft
wideChevronRight
wideChevronUp
wideChevronDown
caretLeft
caretRight
caretUp
caretDown
menu
plus
minus
cancel
check
home
download
upload
search
lock
heart
star
twitter
facebook