Grid/TreeGrid: Displaying more than one Icon for column

Flow
1

I used to leverage for a couple of months. It works.

<vaadin-grid-tree-toggle leaf='[[item.leaf]
]' expanded='{{expanded}}' level='[[level]
]'>[[item.nameValue]
]
	<iron-icon icon='vaadin:[[item.IconName]
]' style='fill:[[item.iconColor]
]; height: 10px'>
</vaadin-grid-tree-toggle>

But now I need to show two icons.

<vaadin-grid-tree-toggle leaf='[[item.leaf]
]' expanded='{{expanded}}' level='[[level]
]'>[[item.nameValue]
]
	<iron-icon icon='vaadin:[[item.IconName1]
]' style='fill:[[item.iconColor1]
]; height: 10px'>
	<iron-icon icon='vaadin:[[item.IconName2]
]' style='fill:[[item.iconColor2]
]; height: 10px'>
</vaadin-grid-tree-toggle>

Unfortunately, only the first icon is displayed. Any ideas, how to display more than one icon ?

2

I have found a solution:

<vaadin-grid-tree-toggle leaf='[[item.leaf]
]' expanded='{{expanded}}' level='[[level]
]'>[[item.nameValue]
]
	<span><iron-icon icon='vaadin:[[item.IconName1]
]' style='fill:[[item.iconColor1]
]; height: 10px'></span>
	<span><iron-icon icon='vaadin:[[item.IconName2]
]' style='fill:[[item.iconColor2]
]; height: 10px'></span>
</vaadin-grid-tree-toggle>
3

Try this:

<vaadin-grid-tree-toggle leaf='[[item.leaf]
]' expanded='{{expanded}}' level='[[level]
]'>[[item.nameValue]
]
	<iron-icon icon='vaadin:[[item.IconName1]
]' style='fill:[[item.iconColor1]
]; height: 10px'></iron-icon>
	<iron-icon icon='vaadin:[[item.IconName2]
]' style='fill:[[item.iconColor2]
]; height: 10px'></iron-icon>
</vaadin-grid-tree-toggle>