icon in tableaction

[cugliang]

Subject of the issue

Describe your issue here.
use TableAction in demo FixedColumn,but there is a bug of icon,it can't display an icon but display the name of the icon setted.

<template #action="{ record }">
            <TableAction
            :actions="[
                {
                    label: '删除',
                    icon: 'ic:outline-delete-outline',
                    onClick: handleDelete.bind(null, record),
                },
            ]"
            />
        </template>

html's code here:
<button oktext="确认" canceltext="取消" enable="false" label="删除" class="ant-btn ant-btn-link ant-btn-sm" type="button">ic:outline-delete-outline<span class="mr-1 app-iconify anticon mr-1" style="font-size: 16px; display: inline-flex;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" fill="currentColor"></path></svg></span><span>删除</span></button>

Your environment

• OS:
• Packages:
• Env:

Steps to reproduce

Tell us how to reproduce this issue. Please provide a working and simplified example.

🎉 BONUS POINTS for creating a minimal reproduction and uploading it to GitHub. This will get you the fastest support. 🎉

Expected behaviour

What should happen?

Actual behaviour

What happens instead?