Icons - Feather

Feather uses Google Material Icons through the icon macro.

{% from "components/icon.html" import icon %}

{{ icon("home") }}
{{ icon("settings", size="lg") }}

Sizes

Size	Pixels
`sm`	18px
`md` (default)	24px
`lg`	36px
`xl`	48px

In a button

The button macro takes an icon argument, so the two compose directly:

{{ button("Delete", variant="danger", icon=icon("delete", size="sm")) }}

Material Icons load from Google alongside Google Fonts. Every other frontend library, including HTMX, Idiomorph and Apache ECharts, is bundled through npm rather than a CDN.