How to add a label to an q-icon?

[johnm]

How can I add a label to an icon like samples in the image below?

[beets]

@johnm I don’t think there’s any built in way, but why not just simple HTML like this: https://codepen.io/pianopronto/pen/XWNjPje?editors=101

[johnm]

@beets My current use case is for rendering the icon inside of a q-input. I’d like the user to know what the icon is for.

q-item-label seems to work but I want it below the icon

https://codepen.io/johnm_cp/pen/KKNgGvR?editors=101

[beets]

@johnm How about this: https://codepen.io/pianopronto/pen/mdOrQPp?editors=101 ?

[johnm]

@beets Yeah looks good. thanks!