Icon Buttons

Showcasing MICL icon buttons

Standard buttons

Filled buttons

Tonal buttons

Outlined buttons

Disabled buttons

Toggle buttons

Code example

<button
  type="button"
  class="micl-iconbutton-standard-s material-symbols-outlined"
  aria-label="Control Panel"
>settings</button>

<button
  type="button"
  class="micl-iconbutton-filled-m material-symbols-outlined
         micl-button--toggle micl-button--selected"
  aria-label="Control Panel"
>settings</button>

<button
  type="button"
  id="mybutton"
  class="micl-iconbutton-outlined-m micl-button--toggle
         micl-button--selected material-symbols-outlined"
  commandfor="mybutton"
  command="--micl-toggle"
  data-miclicon="settings"
  data-micliconselected="check_circle"
  aria-label="Control Panel"
></button>