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 are loaded from Google alongside Google Fonts. Every other frontend library (HTMX, Idiomorph, Apache ECharts) is bundled through npm rather than a CDN.

⌘I