icon.html.erb Copy snippet Copied! 
1
<%= render IconComponent.new(filled: true, shade: "green") %>

Icon

Resolves a committed SVG by exact size (16 or 12), style (outline or filled), and name, then recolours its existing paint channels by shade. Icon has no authoritative Figma component-set mapping; this documents its code/asset contract.

Size
Filled
Shade
PropTypeDefault
icon Icon file name without extension. Optional — when blank/omitted, falls back to the "square" placeholder. String nil
size Render size: 16 (default) or 12. Dimensions only, not style. Integer 16
filled false (default) = outline art (stroke); true = filled art (fill). Boolean false
shade One of SHADES: primary (default, text/primary) · secondary · tertiary · white · red · green. Pass nil for the SVG's raw black. String "primary"