Is there a way to get a filled material icon?

Anvil Q&A
2

I’ve written this up as a feature request here

As a work around - can add a role
Go to Theme > Roles and create a new role “filled-icon”

Then in theme.css add the following:


.anvil-role-filled-icon .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

When you change the role of a component to filled-icon it should now have a filled icon

8 Likes