How to add icons from a variable

[rashidpathiyil]

How to add when icon name is inside a variable?

const icon="carbon-user" 

<carbon-user class="text-5xl" />

This is not working on Vitesse
<span class="iconify" data-icon="carbon:center-circle" data-inline="false"></span>

[SamuelAlev]

You should be able to use <component :is="icon" />. (docs)

If it is not working, I would suggest you to use his old Icon component

[antfu]

@rashidpathiyil The syntax you provide requires Iconify runtime, where you can use it with purge-icons installed. https://github.com/antfu/purge-icons/tree/main/packages/vite-plugin-purge-icons Or just simply import @iconify/iconify if you don't need to bundle them.

Otherwise, @SamuelAlev already offered the solution.

[rafalolszewski94]

now how to do you use icons from variable using unocss icons?