How do I call an icon from custom page view ?

I have a custom page and I am trying to accomplish putting an icon to the row but it doesn't work. why?

<td class="px-4 py-2.5">
    <a href="#" wire:sortable-group.handle class="cursor-grab">
        <i class="heroicon-o-bars-3"></i>
    </a>
</td>

<td class="px-4 py-2.5">
    <a href="#" wire:sortable-group.handle class="cursor-grab">
        <i class="heroicon-o-bars-3"></i>
    </a>
</td>

<td class="px-4 py-2.5">
    <a href="#" wire:sortable-group.handle class="cursor-grab">
        <i class="heroicon-o-bars-3"></i>
    </a>
</td>

<td class="px-4 py-2.5">
    <a href="#" wire:sortable-group.handle class="cursor-grab">
        <i class="heroicon-o-bars-3"></i>
    </a>
</td>