## SuSvgIcon svg图标

### 导入使用
```code[javascript]
import SuSvgIcon from "ss-universal-client-web/comp/base/su-svg-icon";
```

### 基本用法

```code[javascript]
>>>run.js配置如下
/* svg 文件自动生成 symbol 标签并插入 html */
svgSpritePath:path.resolve(__dirname,"./src/icons/svg"),

>>>代码中加入以下代码
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

```

:::demo 
```html
<template>
    <div>
        <su-svg-icon style="font-size: 20px" icon-class="404"></su-svg-icon>
        <su-svg-icon style="font-size: 30px" icon-class="https://img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"></su-svg-icon>
    </div>
</template>
<script>
    // import SuSvgIcon from "ss-universal-client-web/comp/base/su-svg-icon";
     export default {
        components:{
            SuSvgIcon
        },
        data() {
            return {
            }
        }
     };
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| icon-class     | 导入的svg文件名或在线地址           | string | — | — |