How to use the micro set of icons in vue?

[piersrr]

I'm currently using solid and outline Heroicons in my Vue project, but would like to use the micro set. Here is my current example setup, but can't work out how to use the micro version? Any help much appreciated

//In template
<XCircleIcon class="h-4 w-4 text-gray-600 hover:text-indigo-600"></XCircleIcon> 

//in script setup
import { XCircleIcon } from '@heroicons/vue/24/solid'