Trisense uses the Material icons set by Google. You can adjust the icon colour, alignment and size.

Here are a list of all the available material icons.


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

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


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

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


Icon sizing comes in 5 different sizes: sm (Small), md (Medium – default), lg (Large), xl (Extra Large) and xxl (Extra Extra large)

[icon icon="favorite" size="sm"]


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

Read more in the Trisense Documentation