Position icon vertically in line with text

[some-user123]

I'm using nuxt-icon and would like to have icons in my text. They should behave like a normal letter and should be vertically aligned with other letters.

Example:

X <Icon name="ic:baseline-home" /> x

is displayed like this:

As you can see, the icon is positioned too low. Too me this does not seem nice. I would like it at the same position as the x or X, not below. Can this be done using this component?

[Atinux]

I believe you need to handle this yourself @some-user123

You can use multiple solution in CSS in order to achieve this.

[codesinging]

try vertical-align: -0.125em;