Icon

The Icon component provides a reusable pattern for icon in the interface.

Size

Styles and weights

Material Symbols are available in outlined, rounded, and sharp styles at weights 200, 400, and 600.

Municipio Styleguide - V.3

API

Parameter Default Type Description
size
inherit string -
label
string -
icon
?string -
color
string -
customColor
string -
componentElement
span string -
filled
null ?boolean -
isSvg
false boolean -
decorative
false boolean -
variant
outlined string -
weight
400 integer -

CSS API

Variable Default Type Values Description
--c-icon--base
var(--base) range - Main unit that drives radius and spacing scales.

Similar components

Option Comment Icon Section