Every Material Symbol (Rounded, 400, grade 0) as <x-icon name="…" />, outlined or filled,
drawn from the optical size 24 cut or — for an icon 20px or smaller, where 24's strokes would look thin —
the 20 cut, which size picks on its own: <x-icon name="…" size="20" />.
filled means active or selected; size for any size but 24 (20 or less draws the 20 cut, and optical chooses a cut by hand); one weight per group. An icon takes the size and colour of the text beside it. An icon-only control carries an accessible name; a decorative icon is hidden.