Icons



View the full list of available material icons.


Color


Icons can be given any color value. This could be a hex color value or rgba color value.

[icon icon="favorite" color="#bbb"]

Alignment


Icons can be left (default), center or right aligned.

[icon icon="favorite" align="center"]

Size

Icon sizing comes in 5 different sizes:

  • Small (sm)
  • Medium – default (md)
  • Large (lg)
  • Extra Large (xl)
  • Extra Extra large (xxl)
[icon icon="favorite" size="sm"]

Type

  • material (default)
  • social-icons
[icon icon="favorite" type="social-icons"]

If you have your own set of SVG icons, you can put them in the Trisense child themes assets/image/my-folder and use these icons. More details in the docs.

Read more in the Trisense Documentation.