'%20stroke='%23E0E0E0'%20stroke-width='2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2682_149131'%20x1='7'%20y1='4'%20x2='23.0784'%20y2='26.6541'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233A3AEA'/%3e%3cstop%20offset='0.592633'%20stop-color='%23DF13F9'/%3e%3cstop%20offset='0.763157'%20stop-color='%23F0558E'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Etesie Alpha Material defines icon behavior and the Symbols axes, but it does not publish a system icon-token family. Etesie's set-agnostic layer keeps component recipes independent from the concrete icon library.
Lucide is bundled, tree-shakeable, and stroke-based. It can vary stroke width, but it has no Symbols FILL or grade axis. Material Symbols remains a documented alternative output binding until a real variable-font delivery pipeline makes it selectable. The full variable font is roughly 7.9 MB, so production delivery requires subsetting rather than shipping the whole file.
| Axis | Symbols | Lucide binding |
|---|---|---|
FILL | Outline (0) or filled (1) | No variable fill axis |
wght | Stroke weight, 100–700 | Mapped to stroke width |
GRAD | Fine optical weight adjustment | No grade axis |
opsz | Optical size for the rendered scale | One vector drawing scales directly |
--et-icon-stroke: 2 feeds component
recipes. --et-icon-stroke-emphasized: 2.25 is derived for selected toggle icon buttons and deliberate emphasis, and --et-icon-size-xs: 1rem is consumed by compact
component parts. Unused size, optical-stroke, target, and Lucide-grade aliases were removed.
Material density changes eligible component dimensions and padding, not icon or text size; Symbols opsz follows rendered size. Component density changes the container around an icon, not the icon itself.