功能

awesome-icon、el-icon、svg-icon 的三合一组件，消除了 3 种 icon 之间大小区别。

在牺牲加载速度的情况下，最大的限度的提供使用的便捷度。

• 通过 font-size 控制 icon 大小，color 控制 icon 的颜色。

功能示例

展示区
大小控制
颜色控制
粉红黄绿浅蓝银色金色

最小示例

<template>
    <Wrapper>
        <HIcon name="fa-brands fa-bilibili" type="awesome" />
        <HIcon name="Aim" type="el" />
        <HIcon name="business" type="svg" />
    </Wrapper>
</template>

<script lang="ts" setup>
import Wrapper from '@/components/simple-wrapper.vue'
import HIcon from '../index.vue'
</script>

API

参数